title: Javascript to get the div info
body: <p>I have 4 <code>&lt;div&gt;</code> tag and <code>&lt;a&gt;</code> tag for each <code>&lt;div&gt;</code> tags.
  In each and every <code>div</code> tag i have inserted 2 <code>span</code> tag and a <code>a</code> tag.</p>
  
  <p>When the <code>a</code> tag is clicked i need to get the product name and the price of that <code>div</code> </p>
  
  <p>Here is the demo <a href="http://jsfiddle.net/8VCWU/" rel="nofollow noreferrer">http://jsfiddle.net/8VCWU/</a></p>
  
  <p>I get the below warning message when i use the codes in the answer ...
  <img src="https://i.stack.imgur.com/3VDMX.png" alt="warning message"></p>