asp post back issue and html controls
<p>My html.</p>

<pre><code>&lt;input id="rdb1"  type="radio" name="rdbData" checked="checked" /&gt;
&lt;input id="rdb2"  type="radio" name="rdbData" /&gt;
&lt;asp:Button ID="btnTest" runat="server" Text="Test" OnClick="btnTest_Click" /&gt;
</code></pre>

<p>Button is only <code>asp:button</code> but <code>radio buttons</code> are not.First time when page is load rdb1 is selected.But when i click the button <code>btnTest</code> with check <code>rdb2</code>, page is refreshed and select 1st redio button.To prevent this i try <code>jquery</code> like this.
Inside <code>Document.ready</code>:<br></p>

<pre><code>var btnTest = "&lt;%=btnTest.ClientID %&gt;";
 $('#' + btnTest).bind("click", function() {
            if ($('#rdb1').attr("checked")) {
                $('#rdb2').attr("checked", false);
                $('#rdb1').attr("checked", true);

            }
            else {
                $('#rdb1').attr("checked", false);
                $('#rdb2').attr("checked", true);
            }
        });
</code></pre>

<p>But its not work.How can we handle this type of situation.Where i am getting wrong.Any idea or any alternative.Thanks.</p>
