title: How to hide only text inside of label but not other html elements
body: <p>I want to hide text inside of label tag but not the input text. I want to do this without changing the html structure. I want to achieve this using css3 or even jquery</p>
  
  <p>here is the html code:</p>
  
  <pre><code>&lt;div class="es-field-wrap"&gt;
  &lt;label&gt;Email*&lt;br&gt;&lt;input class="es_required_field es_txt_email" type="email" name="email" value="" placeholder="Your email address" required=""&gt;&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried this but with no luck</p>
  
  <pre><code>.es-field-wrap+label { display:none; }
  
  .es-field-wrap &gt; label { display: none; }
  </code></pre>