title: Count all div elements and add each number inside span using jQuery
body: <p>I need to show each number of div in the page in order</p>
  
  <p>And add the value of each div inside span</p>
  
  <p>so if I have 4 divs inside page like this</p>
  
  <pre><code>&lt;div&gt;first div&lt;/div&gt;
  &lt;div&gt;second div&lt;/div&gt;
  &lt;div&gt;third div&lt;/div&gt;
  </code></pre>
  
  <p>every div need to show his order and be like this</p>
  
  <pre><code>&lt;div&gt;first div &lt;span&gt;1&lt;/span&gt;&lt;/div&gt;
  &lt;div&gt;second div &lt;span&gt;2&lt;/span&gt;&lt;/div&gt;
  &lt;div&gt;third div &lt;span&gt;3&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This html example code in jsfiddle</p>
  
  <p><a href="http://jsfiddle.net/CtDLe/" rel="noreferrer">http://jsfiddle.net/CtDLe/</a></p>
  
  <p>I need the output to be like this using jQuery</p>
  
  <p><a href="http://jsfiddle.net/CtDLe/1/" rel="noreferrer">http://jsfiddle.net/CtDLe/1/</a></p>