title: Debugging Javascript functions in Firebug
body: <p>I am trying to debug legacy scripts with Firebug. As per my knowledge (Which I got yesterday) 
  we use <code>Step over (F10)</code> to debug line by line and <code>Step into (F11)</code> to dig into JS function. 
  But when I use <code>Step into</code> on any JS function call, it takes control to next line. I want to see what is hidden inside the function. How can we do it ?<br>
  I kept break-point inside the function and then tried <code>Step into</code> then it takes control inside the function body. But it is tedious to find each function method and set break-point.
  Is there any other way to do it ? or which is the right way ?<br>
  For example :   </p>
  
  <pre><code> i2b2.ONT.ctrlr.FindBy = {
  
      clickSearchName: function() {
        // do some stuff
        i2b2.ONT.ctrlr.FindBy.doNameSearch(search_info);  // I tried Step into here
        // some more stuff
      }  
  
      doNameSearch: function(inSearchData) {
       // If I set break-point here then only I can debug it 
       // or it directly takes control to `// some more stuff` in `clickSearchName:function` 
  
      }
   }     
  </code></pre>
  
  <p>PS: It also more external JS function calls.   </p>
  
  <p>Thanks,<br>
  Ajinkya.</p>