jquery hide element depending of value of input tag
<p>What i want is the <code>select</code> div to be displayed only if the value of the input tag next to it is zero.  How do i do this?
Here is the jsfiddle <a href="http://jsfiddle.net/mdanz/xdFkJ/" rel="nofollow">http://jsfiddle.net/mdanz/xdFkJ/</a></p>

<pre><code>&lt;style type="text/css"&gt;
.select {
overflow:hidden;
display:block;
background-color:red;
width:100px;
height:100px;
}

&lt;/style&gt;
&lt;script type="text/javascript"&gt;
$(function() {
var value = $('.row').val();

  if(value!=0) {
  $('.select').hide();  

  }

});
&lt;/script&gt;

&lt;div class='select'&gt;&lt;/div&gt;&lt;input type='text' class='row' value='0' /&gt;
&lt;div class='select'&gt;&lt;/div&gt;&lt;input type='text' class='row' value='1' /&gt;
&lt;div class='select'&gt;&lt;/div&gt;&lt;input type='text' class='row' value='1' /&gt;
&lt;div class='select'&gt;&lt;/div&gt;&lt;input type='text' class='row' value='0' /&gt;
</code></pre>
