title: How to check and uncheck radio buttons with jquery and ajax?
body: <p>I am loading dynamically generated radio buttons using the ajax by select and while I am trying to uncheck the radio button, I don't know how it works. So can anyone help me in this?</p>
  
  <p>Here is the Dynamically Generated HTML Code:</p>
  
  <pre class="lang-html prettyprint-override"><code>enter code here
  &lt;table cellepadding='15' cellspacing='15' border='1' class='gridtable' align='center'&gt;
  &lt;tr&gt;
  &lt;td&gt;&lt;strong&gt;Service Name&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;&lt;strong&gt;Daily&lt;/strong&gt;
  &lt;td&gt;&lt;strong&gt;Weekly&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;&lt;strong&gt;BiMonthly&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;&lt;strong&gt;Monthly&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td&gt;Inspection &amp; Reporting&lt;/td&gt;
  &lt;td&gt;NA&lt;/td&gt;
  &lt;td align="center"&gt;
  &lt;input type="radio" id="215" name="1" value="1/215" onclick="DisplayPrice(this.id);" class="radio"/&gt; &lt;br&gt; Rs. &lt;strong&gt;50&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="radio" id="200" name="1" value="2/200" onclick="DisplayPrice(this.id);" class="radio"/&gt;  &lt;br&gt; Rs. &lt;strong&gt;100&lt;/strong&gt;&lt;/td&gt;
  &lt;td align="center"&gt;&lt;input type="radio" id="200" name="1" value="3/200" onclick="DisplayPrice(this.id);" class="radio"/&gt; &lt;br&gt; Rs. &lt;strong&gt;200&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td&gt;House keeping/Cleaning&lt;/td&gt;
  &lt;td&gt;NA&lt;/td&gt;
  &lt;td align="center"&gt;&lt;input type="radio" id="322.5" name="2" value="7/322.5" onclick="DisplayPrice(this.id);" class="radio"/&gt; &lt;br&gt; Rs. &lt;strong&gt;75&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="radio" id="300" name="2" value="8/300" onclick="DisplayPrice(this.id);" class="radio"/&gt;  &lt;br&gt; Rs. &lt;strong&gt;150&lt;/strong&gt;&lt;/td&gt;
  &lt;td align="center"&gt;&lt;input type="radio" id="300" name="2" value="9/300" onclick="DisplayPrice(this.id);" class="radio"/&gt; &lt;br&gt; Rs. &lt;strong&gt;300&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td&gt;Utility Bill Payment&lt;/td&gt;
  &lt;td&gt;NA&lt;/td&gt;
  &lt;td align="center"&gt;&lt;input type="radio" id="258" name="3" value="14/258" onclick="DisplayPrice(this.id);" class="radio"/&gt; &lt;br&gt; Rs. &lt;strong&gt;60&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="radio" id="240" name="3" value="15/240" onclick="DisplayPrice(this.id);" class="radio"/&gt;  &lt;br&gt; Rs. &lt;strong&gt;120&lt;/strong&gt;&lt;/td&gt;
  &lt;td align="center"&gt;&lt;input type="radio" id="250" name="3" value="13/250" onclick="DisplayPrice(this.id);" class="radio"/&gt; &lt;br&gt; Rs. &lt;strong&gt;250&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td&gt;Plumbing Inspection&lt;/td&gt;
  &lt;td&gt;NA&lt;/td&gt;
  &lt;td align="center"&gt;&lt;input type="radio" id="129" name="4" value="19/129" onclick="DisplayPrice(this.id);" class="radio"/&gt; &lt;br&gt; Rs. &lt;strong&gt;30&lt;/strong&gt;&lt;/td&gt;
  &lt;td&gt;&lt;input type="radio" id="120" name="4" value="20/120" onclick="DisplayPrice(this.id);" class="radio"/&gt;  &lt;br&gt; Rs. &lt;strong&gt;60&lt;/strong&gt;&lt;/td&gt;
  &lt;td align="center"&gt;&lt;input type="radio" id="240" name="4" value="21/240" onclick="DisplayPrice(this.id);" class="radio"/&gt; &lt;br&gt; Rs. &lt;strong&gt;240&lt;/strong&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/table&gt;
  </code></pre>