title: jQuery: How to show a checkbox value on mouseover (without title attribute)
body: <p>I am pretty new to jQuery and need some help with the following. </p>
  
  <p>I have a HTML page with a large, dynamic number of checkboxes and would like to <strong>show a checkbox' value on mouseover without having to add a title</strong> attribute in the code for each of them.  </p>
  
  <p>Also, the value of a checkbox can be different to the text that is shown next to her (label). 
  The checkboxes are always in a div with the class <code>'.divCheck'</code> and the above applies to all checkboxes in these divs (all set up the same way).</p>
  
  <p>So far I have the following which works as intended but seems to be very slow (at least in my test environment). </p>
  
  <p>Is there a faster / better way to achieve this or can this be written different (either the jQuery or the HTML) to make it run faster ?</p>
  
  <p><strong>My HTML (simplified):</strong></p>
  
  <pre><code>&lt;div class="divCheck"&gt;
      &lt;input type="checkbox" name="language" class="checkSingle" id="language1" value="de - German" /&gt;
          &lt;label for="language1"&gt;de&lt;/label&gt;
      &lt;input type="checkbox" name="language" class="checkSingle" id="language2" value="en - English" /&gt;
          &lt;label for="language2"&gt;en&lt;/label&gt;
      &lt;input type="checkbox" name="language" class="checkSingle" id="language3" value="es - Spanish" /&gt;
          &lt;label for="language3"&gt;en&lt;/label&gt;
      &lt;!-- ... --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>My jQuery:</strong></p>
  
  <pre><code>$('div.divCheck label').on('mouseover', function(){
      var checkID = $(this).attr('for');
      var checkVal = $('#'+checkID).val();
      $(this).prop('title', checkVal);
  });
  </code></pre>
  
  <p>Many thanks for any help, 
  Mike</p>