title: checkbox checked in JQuery is not working
body: <p>I've a simple situation. 
  When the <code>checkbox</code> is checked then the <code>textbox</code> is shown. Unchecking <code>checkbox</code> will hide the <code>textbox</code>.</p>
  
  <p>I move the value to (<code>asp:Textbox</code>) textboxA.text and set the (<code>asp:Checkbox</code>) "chkboxA" to Checked in Server side (Page load).</p>
  
  <p>then my <code>jquery</code> code <code>document.ready</code> is executed.</p>
  
  <p><code>C#</code> code behind</p>
  
  <pre><code> protected override void OnLoad()
      {   textboxA.Text = "Hello World";
          chkboxA.Checked = !string.IsNullOrEmpty(textboxA.Text);
      }
  
  JQUERY CODE:
  
  $('input[id$=chkboxA]').click(function () {
      var checked_status = this.checked;
      if (checked_status == true) {
          $('input[id$=textboxA]').show();
      }
      else {
          $('input[id$=textboxA]').hide();
      }
  });
  
  $('input[id$=chkboxA]').click();  //this statment triggers the checkbox checked
  </code></pre>
  
  <p>PROBLEM:
  When the page is first shown the "<code>textboxA</code>" is shown but the <code>checkboxA</code> is <code>unchecked</code>. 
  Then when I click on the <code>checkboxA</code> the <code>checkbox</code> is  checked and the <code>TextboxA</code> remains on the screen. 
  Then when I click on the <code>CheckboxA</code> again to uncheck then the <code>texboxA</code> is not shown.</p>
  
  <p>so the issue is on first load (first shown on the screen). </p>
  
  <p>Why is the <code>checkboxA</code> not checked when the page is first shown while the <code>TextboxA</code> is shown?</p>
  
  <p>what is wrong in my code?</p>