title: jquery height returns 0
body: <p>The height property of jquery always returns 0. I am using it along with Bootstrap. Not sure whether it would be of conflict. I went through several online recommended solutions but did not fix it. Below are the code snippets</p>
  
  <pre><code>/*html */
  &lt;div class="hidden-sm hidden-md hidden-lg" class="mobNewsEvents"&gt;
  &lt;div class="row"&gt;
  &lt;div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"&gt;
  &lt;h3 style="text-align: center;"&gt;Events&lt;/h3&gt;
  &lt;div class="mobEvents"&gt; //need to get the height of this div element
   &lt;ul&gt;
     &lt;li&gt;...&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  
  /*script*/
  (function($){
  $(window).load(function(){
      var temp = $('.mobEvents').height();
      alert(temp);
  });
  })(jQuery);
  </code></pre>