title: dynamically loaded js function does not appear in Firebug js debugger
body: <p>There is a page1.html (I open it in browser):</p>
  
  <pre><code>&lt;div id="content"&gt;
  &lt;/div&gt;
  &lt;script type="text/JavaScript"&gt;
      jQuery.ajax({
          type : "GET",
          url : 'page2.html',
          dataType : "html",
          success : function(response) {          
              jQuery('#content').append(response);
  
          }
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>Code of the page2.html:</p>
  
  <pre><code>&lt;script type="text/JavaScript" src="js/page2.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/JavaScript"&gt;
  test();
  &lt;/script&gt;
  </code></pre>
  
  <p>Code of the page js/page2.js:</p>
  
  <pre><code>function test() {
      alert('Function Test()');
  }
  </code></pre>
  
  <p>Everything works well, the window "Function Test()" is shown. But the problem is that I can't reach the code of function test() in firebug js debugger. It doesn't appear in event scripts nor in eval.</p>
  
  <p>How can I fix that?</p>
  
  <p>FYI: 
  If I don't put the function in separate js file, but place it in page2.html, it 
  appears in debugger corectly.</p>
  
  <p>If I put "debugger" word in test() function, Firebug stops, but the source code of the function is still unreachable.</p>
  
  <p>Versions: Firefox 3.0.10, Firebug 1.3.3</p>
  
  <p>Update: pretty much the same as the question <a href="https://stackoverflow.com/questions/858779/making-firebug-break-inside-dynamically-loaded-javascript">Making Firebug break inside dynamically loaded javascript</a>, but there is no answer yet</p>