title: HTML5 / jQuery: Working with custom attributes
body: <p>Hi I was wondering if someone could give me a hand with how exactly <strong>data-*</strong> works... I need to create a custom attribute which will be accessed with jquery...</p>
  
  <p>heres what i got so far:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;select name='province' class='province' data-IsSelectSingle='true'&gt; ... etc ...
  </code></pre>
  
  <p>jQuery</p>
  
  <pre><code>if($.data("IsSelectSingle") != "true")
  </code></pre>
  
  <p>and even though its true it executes still... ive also tried...</p>
  
  <pre><code>if($.data($(".province"), "IsSelectSingle") != "true")
  </code></pre>
  
  <p>Figured I'd try that since thats what it shows as the method on the jquery site but it doesn't seem to work either... any ideas why this might be?</p>
  
  <p>Thanks in advance!</p>