title: Replace radio buttons with images using JQuery
body: <p>I have group of radio buttons which I want to replace with images when checked and unchecked.</p>
  
  <pre><code>&lt;div id="answerOptions"&gt;
  &lt;input type="radio" name="answeroption" id="r1" value="radio1" checked=''checked'/&gt;radio1&lt;br/&gt;
  &lt;input type="radio" name="answeroption" id="r2" value="radio2"/&gt;radio2&lt;br/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have two images 1. button_on.JPG for checked radio button and 2. button_off.JPG for not checked radio button.
  I want to accomplish following tasks 
  1. I want to replace radio buttons with these images.
  2. On load of the page checked radio button should have correct image.</p>
  
  <p>Note: Radio buttons are generated dynamically and their ids as well as value do change on each request.</p>
  
  <p>I need the help using Jquery. Appritiate your inputs.</p>