title: Count number of hashtags inside multiple divs
body: <p>I've multiple <code>&lt;p&gt;</code> on my page. They do not have classes or ids. 
  What I'm trying to achieve is to be able to target every single of these <code>&lt;p&gt;</code>s count how many hashtags are in there and display the result inside the <code>&lt;span&gt;</code>.</p>
  
  <p>structure example:</p>
  
  <pre><code>&lt;div class="parent"&gt;
      &lt;p&gt;
          #test #test #test
      &lt;/p&gt;
      &lt;span&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="parent"&gt;
      &lt;p&gt;
          #test #test #test
      &lt;/p&gt;
      &lt;span&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;div class="parent"&gt;
      &lt;p&gt;
          #test #test #test
      &lt;/p&gt;
      &lt;span&gt;&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is working but it's counting everything:</p>
  
  <pre><code>$(function() {
      var text = $(this).find("pre").text();
      var hashTags = text.split("#").length;
          var result = hashTags - 1;
  
      $('#output').html('words count: ' + result);
  });
  </code></pre>