title: foreach with jquery element
body: <p>I would like each "p" element to show upon clicking the button. But it is not not working please help.</p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function(){
  $("p").hide();
      $("button").click(function(){
              $('p').each(function() {
                  //alert($(this).text());
                 var abc = $(this).text();
                abc.next().show();
                });
      });     
  });
  &lt;/script&gt;
  
  
  &lt;button&gt;Toggle&lt;/button&gt;
  &lt;p&gt;Hello&lt;/p&gt;
  &lt;p&gt;Good morning&lt;/p&gt;
  &lt;p&gt;Good after noon&lt;/p&gt;
  &lt;p&gt;Good evening&lt;/p&gt;
  &lt;p&gt;Good night&lt;/p&gt;
  
  &lt;div&gt;&lt;/div&gt;
  </code></pre>