title: Change div content and url on single click using jquery
body: <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>