title: jQuery height() failure in deeper div elements
body: <p>So I'm creating this little website for a competition and I have the following problem. I have a javascript that is supossed to make the lenght of 3 side by side  elements equal.
  But it doesn't seem to work (code below, below line). So I added another piece of code to the script to see, if anything was working (above line). This part worked perfectly. Code is below.</p>
  
  <p>another piece of might be relevant information: the names of the classes in the second (failing) part of the code are generated by php-script.</p>
  
  <p>Thanks a lot, you guys are lifesavers</p>
  
  <pre><code>$(document).ready(function(){   
       // this part of the code works
       var a=$("#homecontent").height();
       a = a*6;
       $("#homecontent").height(a);
  
  //  ---------------------------------
       // this part of the code doesn't.
      var x=$("#pointer1").height();
      var y=$("#pointer2").height();  
      var z=$("#pointer3").height();
      if (x&gt;=z &amp;&amp; x&gt;=y)
      {
        z=x;
      } 
      else if (y &gt;= z &amp;&amp; y &gt;= x)
      {
        z=y;
      }
      $("#pointer1").height(x);
      $("#pointer2").height(x);   
      $("#pointer3").height(x);
  });
  </code></pre>
  
  <p>EDIT: solution: I used classes instead of ID's in the original code so my script couldn't select my elements. When changed to ID's the following code worked</p>
  
  <pre><code>$(document).ready(function(){   
  var x=$("#pointer1").height();
  var y=$("#pointer2").height();  
  var z=$("#pointer3").height();
  var m = Math.max(x, y, z);
  $("#pointer1, #pointer2, #pointer3").height(m);
  });
  </code></pre>