Click link in DIV and show PHP/HTML in separate DIV
<p>I have a menu that changes and I want to show content in the DIV id="main_content" based on the link associated with the item selected in DIV class="items"</p>

<p>Here is the jQuery code I am using (<em>edited</em>)</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){
    $(".items a").click(function(e){
        e.preventDefault(); 
        $("#main_content").load($(this).attr("href"));
    });
});

&lt;/script&gt;
</code></pre>

<p>This code seems logically correct and I have searched extensively before posting here.  This question/post was one of the most helpful in constructing the code: <a href="http://stackoverflow.com/questions/8152976/clicking-a-link-display-it-in-different-div-on-same-page">Clicking a link display it in Different Div on Same Page</a></p>

<p>When the link is clicked it opens in a new tab.  So my question is, why isn't this working?</p>

<p>I am open to other suggestions besides jQuery.  Any help would be greatly appreciated.</p>

<p>Thanks!</p>

<p><strong>EDIT:</strong></p>

<p>OK, so after some trial and error I found that another script was causing the problem.  I have the script below in use to make the entire DIV a clickable link.  </p>

<pre><code>&lt;script type="text/javascript"&gt;
 $(document).ready(function(){ 
  $(".items").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
  })
 });
&lt;/script&gt;
</code></pre>

<p>Is there anyway I can use both scripts together?</p>
