title: JQuery and radio buttons in ASP.NET. Click is not registred
body: <p>I am trying to make my radio button switch off/on with jQuery but I am stuck with a problem that my radio button misses the clicks. I click on it and sometimes it changes its checked value and sometimes not. Actually I have found that in IE it works better than in Firefox (which allows me change it only once)</p>
  
  <p>I use master page and radio button is on my content page. Here is the code which I have placed right behind <code>&lt;asp:Content ...&gt;</code> . I also do use Bootstrap CSS my jQuery version is 1.10.2</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          //set radio button ON
          $("#&lt;%=statusActive.ClientID%&gt;").prop("checked", true); 
  
              //Assign click event to this specific radio button
              $("#&lt;%=statusActive.ClientID%&gt;").click(function () {
  
                  //Get actual value of checked property and store it into local variable      
                  var s = $("#&lt;%=statusActive.ClientID%&gt;").prop("checked");
  
                  //If it was true set it to false and vice versa
                  $("#&lt;%=statusActive.ClientID%&gt;").prop("checked", !s);
  
                  //Tell me what value did you set
                  $("#&lt;%=txtName.ClientID%&gt;").val(!s);
  
              });
  
          });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>My HTML code</strong></p>
  
  <pre><code> $(document).ready(function () {
          $("#MainContent_statusActive").prop("checked", true);
  
              $("#MainContent_statusActive").click(function () {
                  var s = $("#MainContent_statusActive").prop("checked");
                  $("#MainContent_statusActive").prop("checked", !s);
                  $("#MainContent_txtName").val(!s);
              });
  ...
  &lt;input name="ctl00$MainContent$txtName" type="text" id="MainContent_txtName" class="form-control" /&gt;
  &lt;span class="radio-inline"&gt;&lt;input id="MainContent_statusActive" type="radio" name="ctl00$MainContent$statusActive" value="statusActive" /&gt;&lt;label for="MainContent_statusActive"&gt;Active&lt;/label&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Do you have idea what should be incorrect?</p>