title: Why $().prop() will not set attribute value?
body: <p>Why <code>.prop</code> will not set the attribute value in the example? Bootstrap 3.1.1 and jQuery 2.1 are used.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="btn-group" data-toggle="buttons"&gt;
      &lt;label class="btn btn-primary"&gt;
          &lt;input type="checkbox"&gt; Option 1
      &lt;/label&gt;
      &lt;label class="btn btn-primary"&gt;
          &lt;input type="checkbox"&gt; Option 2
      &lt;/label&gt;
      &lt;label class="btn btn-primary"&gt;
          &lt;input type="checkbox"&gt; Option 3
      &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$('label').click
  (
      function()
      {
          // Does not set attribute
          $(this).prop('foo','bar');
      }
  );
  </code></pre>
  
  <p><a href="http://www.bootply.com/c5mNUZTJjc" rel="nofollow">Live demo</a> </p>