title: naturalHeight comparison with naturalWidth
body: <p>I'm trying to compare the height and width of a series of images kept in a list.
  However upon running this, the 'if' statement runs the "else" console.log in every instance.</p>
  
  <p>no other errors are shown. According to chrome debugger, all the images have a 'naturalHeight' and 'naturalWidth' numerical value set.</p>
  
  <p>Can anyone help me out? </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>setImgSize(myList);
  
  function setImgSize(list){
  
   var elementChildren = list.children;
   for (var i = 0; i &lt; elementChildren.length; i++) {
       
  
       if (list.children[i].children[0].natualHeight &gt; list.children[i].children[0].natualWidth){
        console.log("is Heigher");
       }
       else if (list.children[i].children[0].natualHeight &lt;= list.children[i].children[0].natualWidth){
        console.log("is Longer");
       }
       else {
        console.log("bypassed");
       };
  
   };
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ul id="myList"&gt;
        &lt;li class="lfwImg"&gt;&lt;img src="images/LFW/_MG_5664ed.jpg"&gt;&lt;/img&gt;&lt;/li&gt;
        &lt;li class="lfwImg"&gt;&lt;img src="images/LFW/_MG_5945ed.jpg"&gt;&lt;/img&gt;&lt;/li&gt;
        &lt;li class="lfwImg"&gt;&lt;img src="images/LFW/_MG_5334ed.jpg"&gt;&lt;/img&gt;&lt;/li&gt;
        &lt;li class="lfwImg"&gt;&lt;img src="images/LFW/_MG_6067ed.jpg"&gt;&lt;/img&gt;&lt;/li&gt;
        &lt;li class="lfwImg"&gt;&lt;img src="images/LFW/_MG_4280ed.jpg"&gt;&lt;/img&gt;&lt;/li&gt;
        &lt;li class="lfwImg"&gt;&lt;img src="images/LFW/_MG_6367ed.jpg"&gt;&lt;/img&gt;&lt;/li&gt;
        &lt;li class="lfwImg"&gt;&lt;img src="images/LFW/_MG_5141ed.jpg"&gt;&lt;/img&gt;&lt;/li&gt;
        &lt;li class="lfwImg"&gt;&lt;img src="images/LFW/_MG_2823ed.jpg"&gt;&lt;/img&gt;&lt;/li&gt;
        &lt;li class="lfwImg"&gt;&lt;img src="images/LFW/_MG_4501ed.jpg"&gt;&lt;/img&gt;&lt;/li&gt;
      &lt;/ul&gt;</code></pre>
  </div>
  </div>
  </p>