title: Equal Height is not working .js file
body: <p>I have a function that I wrote basically as below:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>  function getListHeight() {
  
      $(".tur-list .col-lg-5 figure img").each(function() {
          var getTurHeight = $(this).parents(".tur-list").find(".col-lg-7").outerHeight();
          var getLeftHeight = $(this).parents("tur-list").find(".col-lg-5 figure img").outerHeight();
          if (getTurHeight &gt; getLeftHeight) {
              $(this).outerHeight(getTurHeight);
          }
      });
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>to make equal my columns and it works as I wanted so there is nothing to here. my problem is this code is not working on my .js file but if I copy and paste it console my code is working so if you try you will see</p>
  
  <p><a href="http://yurtici.anitur.com.tr/musteri/ingoing/2016/htm/test/tur-liste.html" rel="nofollow noreferrer">Please click to my real demo</a></p>
  
  <p>and copy <code>getListHeight();</code> and paste it on console you will see my columns will be equal my question is why my code is not working properly in .js file ? what I have to do to work my code ?</p>
  
  <p>and my getListHeight() function is work with <code>$(window).resize</code> when I resize the window or with click event but my function is not working in document.ready.</p>