title: How to change text inside a label tag using jquery
body: <p>How can I change text <code>Add Your Image</code> to <code>Change Your Image</code>. </p>
  
  <pre><code>&lt;label class="control-label col-md-offset-4 col-md-4 btn green feedbackImg" style="text-align:center;"&gt;
      Add Your Image
      &lt;input type="file" name="data[Feedback][img]" class="form-control hide single_img_btn" id="1" style="display: none;"&gt;  
  &lt;/label&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>$('.feedbackImg').text('Change Your Image');
  </code></pre>
  
  <p>But it changed the <code>label</code> as follows :</p>
  
  <pre><code>&lt;label class="control-label col-md-offset-4 col-md-4 btn green feedbackImg" style="text-align:center;"&gt;
      Add Your Image
  &lt;/label&gt;
  </code></pre>
  
  <p>That means it remove input tag also. How can I keep all same except the text only?</p>