Clicking in input on placeholder text prevents input/focus

Hello If you have a label for an input field, it appears over the field until you click on it. Problem is, if you click on the actual label part (the text), you are unable to get a form input focus on the actual input field, so you cannot type in the value.  If you click next to the label, in the empty space, it all works ok. How do you make the actual text from the label clickable and allow input to the field? e.g. <div class="md-form"> <label for="input1">Enter your form value here</label> <input id="input1" placeholder="" name="input1" type="text" class="form-control"> </div> So if you click on the text "Enter your form value here", nothing happens. I have to click next to the end of the words in empty space to get field focus and enter a value (where the label then slides up out of the way correctly). Thank you.  

---