Replace HTML in div when link is clicked
<p>Here is my scenario, a ul list with a "holder" div that has HTML in it. I would like to have the ul list have links that when the user clicks should populate the holder div. I have some experience with Jquery but not much. I am able to replace it once but wanted to be able to replace the "holder" div with different blocks of HTML. What I want is the holder div to be populated with the corresponding package HTML. </p>

<pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;Package 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Package 2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;Package 3 3&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="holder"&gt;
    &lt;p&gt;replace this text here&lt;p&gt;
&lt;/div&gt;

&lt;div&gt;
    Package 1 HTML
&lt;/div&gt;
&lt;div&gt;
    Package 2 HTML
&lt;/div&gt;
&lt;div&gt;
    Package 3 HTML
&lt;/div&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script&gt;
    $(document).ready(function() {      
        $("li a").click(function() {
             $("div.holder").text($(this).next().text());
             return false;
        });
    });
&lt;/script&gt;
</code></pre>
