title: how to debug jquery loop?
body: <p>I would like to know how I can debug a jQuery/javascript code. I'm having a hard time wondering how the code runs through <code>.each()</code> loop and so on. Most of the time, I need to know what values the variables are holding.</p>
  
  <p>I remember C++ have some nice debugging tools that allow me to run the code line by line.
  What debugging tools should I use for jQuery or javascript? and where can I learn to use them? </p>
  
  <p>FYI, my javascript and html codes are in a python script. Should I use a python debugger instead?</p>
  
  <p>EDIT: I'm using Python IDLE to write all my codes. Sometimes i test them in Fiddle too. </p>