Change div content and url on single click using jquery
<p>I am very new to jquery.</p>

<p>I just need to update div content and link url on single click. </p>

<p>here I am working on this code.</p>

<pre><code>    &lt;ul&gt;
    &lt;li&gt;&lt;a href="#"&gt;$14.50&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;$15.50&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;$16.50&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#"&gt;$20.50&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
</code></pre>

<p>I need to update price div based on above link click.</p>

<pre><code>    &lt;div class="price"&gt;$0.00&lt;/div&gt;

    &lt;a class="buy" href=""&gt;Pay Now&lt;/a&gt;
</code></pre>

<p>Thanks</p>