title: jquery click function does not work
body: <p>I have a asp.net web application written in VS 2013. The application has nested master pages and main master page has following codes:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
          &lt;script src="http://code.jquery.com/jquery-latest.min.js"
          type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My web form consists of following codes also:</p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server"&gt;
  &lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              $('#textbox1').click(function () {
                  alert('Hello');
              });
          });
      &lt;/script&gt;
  
  &lt;div class="form-group"&gt;
      &lt;label class="control-label"&gt;Name&lt;/label&gt;
      &lt;input type="text" id="textbox1" class="form-control" placeholder="Name" maxlength="50" runat="server"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And when I build the project and run on browser (either ie or chrome), I click on "textbox1" and browser does nothing.</p>
  
  <p>Appreciate for help.</p>