title: How can I replace radio buttons with images using jQuery?
body: <p>I have some mark-up that looks like this, it's from an E-commerce CMS. </p>
  
  <pre><code>&lt;input type="radio" name="id[9]" value="70" id="attrib-9-70"class="threads-opts" /&gt;
  &lt;label class="attribsRadioButton" for="attrib-9-70"&gt;SL01&lt;br /&gt;
  &lt;img src="images/attributes/SL01_thumb.jpg" alt="" width="100" height="100" /&gt;&lt;/label&gt;
  
  &lt;input type="radio" name="id[9]" value="71" id="attrib-9-71"class="threads-opts" /&gt;
  &lt;label class="attribsRadioButton" for="attrib-9-71"&gt;SL02&lt;br /&gt;
  &lt;img src="images/attributes/SL02_thumb.jpg" alt="" width="100" height="100" /&gt;&lt;/label&gt;
  </code></pre>
  
  <p>etc etc</p>
  
  <p>what I'd like to do is, have the user be able to click the image(the one in the label immediately following) instead of the radio button, and hide the radio button that is currently there, or have it be replaced with the image. </p>
  
  <p>could that be done with jQuery? or, maybe a better questions is how could you send form data like that with images instead of radio buttons?</p>