trying to get jquery load to work
<p>When I navigate through the menu I want only the contentarea div to change and not reload the whole page. I want to use the jquery load function to read a div from another page (from members.html div colTwo) and insert it onto the page (into div contentarea). I have been trying but couldn't get it to work.</p>

<p>Any help editing this script would be helpful!</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;My Title&lt;/title&gt;
&lt;link href="default.css" rel="stylesheet" type="text/css" /&gt;
&lt;/head&gt;

&lt;script type="text/javascript" src ='http://code.jquery.com/jquery-1.9.1.min.js'&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(document).ready(function() {
function memberspage(){
    $('#contentarea').load('members.html #colTwo');
}
});
&lt;/script&gt;

&lt;body&gt;
&lt;div id="header"&gt;
    &lt;h1&gt;My Title&lt;/h1&gt;
&lt;/div&gt;
&lt;div id="content"&gt;

    &lt;div id="colOne"&gt;

        &lt;div id="menu1"&gt;
            &lt;ul&gt;
                &lt;li&gt;&lt;a href="#" onclick='memberspage()'&gt;Members&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
        &lt;div class="margin-news"&gt;
            &lt;h2&gt;Recent Updates&lt;/h2&gt;
            &lt;p&gt;&lt;strong&gt;None At This Time&lt;/strong&gt; &lt;/p&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;div id="contentarea"&gt;&lt;h2&gt;Starting Text&lt;/h2&gt;&lt;/div&gt;
    &lt;div style="clear: both;"&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;
</code></pre>
