title: jQuery content loaded via .load() but href link not working
body: <p>I have a problem with HTML content loaded with .load().  I have an 'accordion' menu that is working great, and on clicking an item in the menu there's a small jquery code used to load the required content into the assigned [div]</p>
  
  <p>The problem I'm having is that on some of the pages that are loaded there are some href="" links. Clicking these links does not cause the 'next' page to load into the div, but instead actually forces a reload of the main page (as though you'd just pressed the RELOAD button on the browser)...</p>
  
  <p><strong>menu.js (snipped)</strong></p>
  
  <pre><code>$(document).ready(function() {
      $(".Page1").click(function () {
          $("#pageloadarea").load('Page1.php');
          $('head').append(
              '&lt;link rel="stylesheet" href="includes/style.css" type="text/css" /&gt;'
          );
          return false;
      });
  
      $(".Page2").click(function () {
          $("#pageloadarea").load('Page2.php');
          $('head').append(
              '&lt;link rel="stylesheet" href="includes/style.css" type="text/css" /&gt;'
          );
          return false;
      });
  });
  </code></pre>
  
  <p><strong>Menu Section (snipped) from index.php page</strong></p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="button"&gt;&lt;a href="" class="Page1"&gt;Page1&lt;/a&gt;&lt;/li&gt;
    &lt;li class="dropdown"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a href="" class="Page2"&gt;Page2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="" class="Page3"&gt;Page3&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="" class="Page4"&gt;Page4&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>In the <em>index.php</em> page the menu is located inside <code>[div id="menu"]</code> and the content is injected/loaded into <code>[div id="pageloadarea"]</code></p>
  
  <p>Clicking on <em>Page1</em> in the menu successfully loads <em>Page1.php</em> into the <code>[div]</code>, as does clicking <em>Page2</em>, <em>Page3</em> and <em>Page4</em> (from the menu)...</p>
  
  <p>Once <em>Page1.php</em> has been loaded into the <code>[div]</code> there is a standard link</p>
  
  <pre><code>&lt;a href="" class="Page2"&gt;Page 2&lt;/a&gt;
  </code></pre>
  
  <p>This is the link that does not work. I have numerous sub-pages that have <code>[a href]</code> links within them and none of them work once the main content has been through the <code>.load()</code> process...</p>
  
  <p>Any assistance would be appreciated!</p>