title: Click event not firing from href link
body: <p>I have a strange problem that I shall try to explain as best I can. I have a header and in that header there is a menu. When the site first loads, it loads main.php and if I click the link in the menu to open a dialog window, nothing happens. However, if I navigate to another page, the link will work. I am having trouble understanding why this is happening as the menu is loading correctly when the header loads. I would be grateful if anyone could offer some suggestions as to things I can try. This is happening in all browsers. Thanks</p>
  
  <p><strong>html code</strong></p>
  
  <pre><code>&lt;div class="col_1"&gt;    
      &lt;h3&gt;Boxes&lt;/h3&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="#" class="BA"&gt;Add Box(es)&lt;/a&gt;&lt;/li&gt; &lt;!-- This is the culprit. --&gt;
        &lt;li&gt;&lt;a href="/domain/admin/requests/boxes/index.php"&gt;Administration&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;   
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jquery code</strong></p>
  
  <pre><code>$(function(){
        $("a.BA").click(function(){
          $("#boxaddform").dialog('open');
        });
  });
  </code></pre>