title: How to set a label's title based on it's inner HTML?
body: <p>I have an html form field with lots of checkboxes.</p>
  
  <p>How to set a label's title attbibased on it's inner HTML? I need to do this for all titles.</p>
  
  <p>For example, I need to transform </p>
  
  <pre><code>&lt;div id=field&gt;
    &lt;label class='option'&gt;Ski&lt;/label&gt;
    &lt;label class='option'&gt;Hockey&lt;/label&gt;
    &lt;label class='option'&gt;Baseball&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>to:</p>
  
  <pre><code>&lt;div id=field&gt;
    &lt;label title='Ski' class='option'&gt;Ski&lt;/label&gt;
    &lt;label title='Hockey' class='option'&gt;Hockey&lt;/label&gt;
    &lt;label title='Baseball' class='option'&gt;Baseball&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried the following jQuery code:</p>
  
  <pre><code>$('#field label.option').attr('title',$(this).html());  
  </code></pre>
  
  <p>but it gives me tons of garbage.</p>
  
  <p>So how to get the value inside each matching label? </p>
  
  <p>This is jQuery 1.4.4.</p>
  
  <p>Please advise.</p>