jQuery link manipulation
<p>This question is quite specific to the code i'm trying to use, 1st ill admit I don't know how to write in jQuery, I more hack/manipulate existing scripts but I will learn at some stage but I need a fix to a current problem.</p>

<p>Basically I have a simple tab layout that swaps out content, my issue is the content that I'm swapping out is generated from a CMS so the links inside #screen take you to a different page. What I would like to do is keep the content within the #screen div by either manipulating the a href or maybe its something I can only achieve with an iframe but id like to stay away from that if possible. Sorry if my explanation isn't clear code below.</p>

<pre><code>    &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
    &lt;style&gt;
    .content {display:none;}
    .tab {cursor:pointer; width:20%; float:left; text-align:center; color:#fff; padding:10px;}
    #screen {clear:both; padding:20px 0 0 0;}
    &lt;/style&gt;
    &lt;script&gt;
    $(document).ready(function(){
    var $content1 = $('.content').first().clone();
    $content1.css("display", "block");
    $('div#screen').html($content1);
    $(".tab").live("click", function() {
    var $content = $(this).next('div.content').clone();
    $content.css("display", "block");
    $('div#screen').html($content);}
    );
    });
    &lt;/script&gt;
    &lt;div class="tab"&gt;
    Tab Title
    &lt;/div&gt;
    &lt;div class="content"&gt;
    &lt;a href="toplevelpage/pageexample.html"&gt;Link&lt;/a&gt;&lt;br /&gt;
    &lt;a href="toplevelpage/pageexample2.html"&gt;Link2&lt;/a&gt;&lt;br /&gt;
    &lt;a href="toplevelpage/pageexample3.html"&gt;Link3&lt;/a&gt;
    &lt;/div&gt;
&lt;div class="tab"&gt;
    Tab Title2
    &lt;/div&gt;
    &lt;div class="content"&gt;
    &lt;a href="toplevelpage/pageexample.html"&gt;Link&lt;/a&gt;&lt;br /&gt;
    &lt;a href="toplevelpage/pageexample2.html"&gt;Link2&lt;/a&gt;&lt;br /&gt;
    &lt;a href="toplevelpage/pageexample3.html"&gt;Link3&lt;/a&gt;
    &lt;/div&gt;
&lt;div id="screen"&gt;
&lt;/div&gt;
</code></pre>
