JQuery event only fires once, even though it is triggered more than once
<p>Initially, all input fields in the 'invoice-line' containers are <em>disabled</em> except the first one. When a user inputs any text into any of the fields belonging to the first 'invoice-line', I would like for the second invoice-line inputs to become enabled. When a user inserts any text into any of the input fields of the second invoice line I would like for the third invoice line's input fields to become enabled. </p>

<p>I worked out some jquery that SHOULD work to accomplish this, and it DOES but only for the first invoice-line. In other words, once the event is triggered once, it is never triggered again. If it was, my problem would be solved, as my code seems to work correctly but only 'onChange' of the first invoice-line element.</p>

<p>I have been trying to solve this one for a long long time, I would greatly appreciate any help with this.</p>

<p>Markup:</p>

<pre><code>&lt;?php for($i=0; $i &lt; 20; $i++){
    echo '
    &lt;div class="invoice-line"&gt;
        &lt;div class="prod-id-cell"&gt;&lt;input type="text" class="prod-id-input"&gt;&lt;/div&gt;
        &lt;div class="prod-name-cell"&gt;
            &lt;input onKeyPress="search(this.value)" type="text" class="prod-name-input"/&gt;
            &lt;div class="smart-suggestions"&gt;
                    &lt;!-- RESULT SUGGESTIONS WILL POPULATE HERE --&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="price-cell"&gt;&lt;input class="price-input" type="text" /&gt;&lt;/div&gt;
        &lt;div class="unit-price-cell"&gt;&lt;input class="unit-price-input" type="text" /&gt;&lt;/div&gt;
        &lt;div class="num-kits-cell"&gt;&lt;input class="num-kits-input" type="text" /&gt;&lt;/div&gt;
        &lt;div class="amount-cell"&gt;&lt;input class="amount-input" type="text" /&gt;&lt;/div&gt;
    &lt;/div&gt;';
}
?&gt;
</code></pre>

<p>JQuery:</p>

<pre><code>//regulate what lines are enabled / disabled
$('.invoice-line div input').attr('disabled','disabled');
$('.invoice-line:first div input').removeAttr('disabled');

$('.invoice-line div input').change(function(){
    $(this).parent().parent('.invoice-line').next().find('input').removeAttr('disabled');
});
</code></pre>
