title: Extract text from a div class with JQuery
body: <p>I have this simple HTML code:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;title&gt;Demo&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script src="jquery.js"&gt;&lt;/script&gt;
      &lt;script src="prova.js"&gt;&lt;/script&gt;
      &lt;div class="altro"&gt;&lt;a href=#&gt;Div 1&lt;/a&gt;&lt;/div&gt;    
      &lt;div class="ann"&gt;&lt;a href=#&gt;Div 2&lt;/a&gt;&lt;/div&gt;
      &lt;div class="ann"&gt;&lt;a href=#&gt;Div 3&lt;/a&gt;&lt;/div&gt;    
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I would like to extract the content of the second div "Div 2" of the class "ann" using a JQuery script. I tried with:</p>
  
  <pre><code>var str = $( ".ann" ).text();
  </code></pre>
  
  <p>But it takes both Div 2 and Div 3. How can I extract only the one I want? </p>