title: Calling custom functions from firebug console
body: <p>I created a document that loads a .js document that has some JQuery functions that I have created. I would like to use the firebug console to quickly test the functionality of these functions on my html document.  But when I try and call these function in the console I don't get any response. </p>
  
  <p>for example:</p>
  
  <ul>
  <li><p>I have index.html that call my JS:</p>
  
  <pre><code>&lt;script src="jquery.js" type"text/javascript"&gt;&lt;/script&gt;
  &lt;script src="myfunctions.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre></li>
  <li><p>Myfuntions.js has the following defined in it:</p>
  
  <pre><code>function showAbout(){
    $('div#about').show("slow");
    $('.navbar #about-button').attr('disabled', true); 
  }
  </code></pre></li>
  </ul>
  
  <p>The Problem:</p>
  
  <p>When i try to call <code>showAbout</code> or <code>showAbout()</code>  from the console on  index.html I don't get any  changes. However, when I call <code>$('div#about').show("slow");</code> or <code>$('div#about').show("slow");</code> from the console directly I get the expected behavior.<br>
  What is the proper way to call a user defined function from the console?</p>