how to assign value of a div to another div
<p>I am new to jquery . I wrote small piece of code</p>

<pre class="lang-html prettyprint-override"><code>&lt;div id="tablediv"&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;h2&gt;Select SalesPerson&lt;/h2&gt;&lt;/td&gt;&lt;td id="heading"&gt;&lt;h3&gt;&amp;nbsp;Click Here&amp;nbsp;&lt;/h3&gt;&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td id="101" class="options"&gt;12304&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td id="102" class="options"&gt;12305&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td id="103" class="options"&gt;12306&lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;&lt;/td&gt;&lt;td id="104" class="options"&gt;12307&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;&lt;/div&gt;
&lt;/center&gt;
&lt;div id="imagediv"&gt;&lt;img src="" id="photo" alt="No Image Found" width="150" height="150"/&gt;&lt;/div&gt;
</code></pre>

<p>And I used the following jquery code:</p>

<pre><code>$(document).ready(function(){
    $('td.options').hide();
    $("#heading").click(function(){
        $('td.options').toggle();
    });
    $("td.options").hover(function(){
        var imgsrc = $(this).attr('id')+".jpg";
        $("#photo").attr('src',imgsrc);
    });
    $("td.options").click(function(){
         // $("td.options").val($("#heading").val);
         //alert($('td.options').text());
         //alert($(this).parent().attr('id'));
         //alert($(this).parents('.class'));
         $('td.optiodns').hide();
     });
 });
</code></pre>

<p>Now when I click any on of the <strong>options</strong> (12304/12305/12306/12307), that value has to replace the content of <strong>heading</strong> tag. How to do it?</p>
