title: How to use jQuery's "data" to uncheck a checkbox?
body: <p>I am using jQuery 1.7.1</p>
  
  <p>I am trying to access several items on a page with microdata attribute "data-prodid".  I am told that I should be using jQuery's "data" property, but I can't get it to work correctly.</p>
  
  <pre><code>&lt;input type="checkbox" data-prodid="12345"&gt;
  </code></pre>
  
  <p>On a click event, the checkbox is unchecked:</p>
  
  <pre><code>// UNCHECK ITEM IN LIST
  var Product_ID = $(this).data("prodid");
  $(".Product[data-prodid="+Product_ID+"]").attr("checked", false);
  </code></pre>
  
  <p>How do I rewrite these so that something like this works using jQuery's "data" attribute?</p>
  
  <pre><code>// UNCHECK ITEM IN LIST
  var Product_ID = $(this).data("prodid");
  $(".Product").data("prodid").eq(Product_ID).data("checked", false);
  $(".Product").data("prodid", Product_ID).attr("checked", false);
  </code></pre>
  
  <p>Is there really a right way or a wrong way to do this?</p>