title: how to debug jquery code line by line in chrome
body: <pre><code>&lt;script src="Scripts/jquery-1.4.1.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function () {
      debugger
          $("a").click(function () {
              alert("Hello World..");
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I am very new to this jquery.I wanted to see my program flow of execution in chrome.What is the procedure for debugging jquery.My execution flow is not entering into the .click .But alert message is showing<img src="https://i.stack.imgur.com/xEFTb.png" alt="enter image description here"></p>