jQuery getting/changing complete href details
<p>all</p>

<p>Firstly is what I am trying to do:
I have one large image and set of thumbnails. Each image (big and small) is wraped in a  so that user can click on it to go to relevant resource. What I want to do is to change details of large image when I hover over thumbnails.
And I want to do it using jQuery. (I am new to jQuery, so please be gentle).</p>

<p>The idea is to register a hoover() handler and when user hovers over thumbnail I want to copy href and link content from thumbnail to main image.</p>

<p>Here is what I have:</p>

<pre><code>&lt;a href='main_image_url' id='main_img_link'&gt; &lt;img src="main_image.jpg" id='main_image'&gt;MAIN TEXT&lt;/a&gt;

&lt;a href='thumb_image_url' id='thumb_img_link'&gt; &lt;img src="thumb_image.jpg" id='main_image'&gt;THUMB TEXT&lt;/a&gt;

(function() {
    var main_img = $('a#main_img_link');

    $('a#thumb_img_link').hover(function(){
        console.log($(this));
        console.log($(this).href);
        main_img.href=$(this).href;
    });
})();
</code></pre>

<p>OK, firstly, this approach does not work -- link does not change on main image. 
Secondly, I am trying to figure out how to copy the content of the link (image and text). How do I access it in its entirety??????
$(this).text only gives me THUMB TEXT. 
$(this).attr() gives me error</p>

<p>I did the same functionality in the past without jQuery, but would like to understand how to use jQuery for those tasks.</p>

<p>Thanks,
Rudolf</p>
