title: Make jQuery function run individually
body: <p>I create function to get specific height of some different div that has same class 'parallax', the problem is that it works but it can only get height of only first div and apply it to others.here my code, please suggest me what to do, I'm still a beginner.</p>
  
  <pre><code> jQuery.fn.do_para = function() {
      var section_effect = jQuery(this);
      var height = section_effect.height();
      alert(height);
      //do something with height
   }
  
   if(jQuery('.page_section').hasClass('parallax')) {
          jQuery(this).do_para();
   }
  </code></pre>
  
  <p>html looks like this</p>
  
  <pre><code> &lt;div class="page_section parallax" style="height:500px"&gt;&lt;/div&gt;
   &lt;div class="page_section"&gt;&lt;/div&gt;
   &lt;div class="page_section parallax" style="height:700px"&gt;&lt;/div&gt;
  </code></pre>