Why is .next() method not working here, jQuery?
<p>So I have a form that's half built here.  </p>

<p>I have 10 lines, I don't want the next line to be available until there is something in the current line.</p>

<p><a href="http://jsfiddle.net/likwid_t/Mjx7U/4/" rel="nofollow">Here is the Fiddle</a></p>

<p>JS:</p>

<pre><code>$(document).ready(function(e){
    var openLines = $('.lineToText');
    if (openLines.length){
        //$('textarea').css('display', 'none');
        openLines.each(function(index, element){
            if (index&gt;0) {
                $(this).prop('disabled', true);
                }
            });
        $('.lineToText').on('keyup', this, function(){
            if (this.value.length){
                $(this).next('.lineToText').prop('disabled', false); //&lt;== thought this would do the job but it's not
                } else {
                    $(this).prop('disabled', true);
                    }
            });
        }
    });
</code></pre>

<p>HTML:</p>

<pre><code>&lt;TABLE SUMMARY="layout table" CELLPADDING="1" CELLSPACING="0" BORDER="0"&gt;

&lt;TR&gt;

&lt;TD  VALIGN="TOP"&gt;&lt;INPUT ID="Q1_96" ONCLICK="ExclusiveChoiceClick('Q1:96');" ONKEYPRESS="return true;" TABINDEX="100" TYPE="CHECKBOX" NAME="Q1:96" VALUE="96" &gt;&lt;/TD&gt;&lt;TD  CLASS="CHOICES" VALIGN="TOP"  &gt;1: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;br&gt;

2: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;br&gt;

3: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;br&gt;

4: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;br&gt;

5: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;br&gt;

6: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;br&gt;

7: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;br&gt;

8: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;br&gt;

9: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;br&gt;

10: &lt;INPUT class="lineToText" type="text" size="50"&gt;&lt;BR&gt;&lt;TEXTAREA  ID="Q1_96_O" TABINDEX="101" COLS="25" ROWS="5" CLASS="OPENENDEDANSWER" NAME="Q1:O"&gt;&lt;/TEXTAREA&gt;&lt;/TD&gt;

&lt;/TR&gt;

&lt;TR&gt;

&lt;TD  VALIGN="TOP"&gt;&lt;INPUT ID="Q1_99" ONCLICK="ExclusiveChoiceClick('Q1:99');" ONKEYPRESS="return true;" TABINDEX="102" TYPE="CHECKBOX" NAME="Q1:99" VALUE="99" &gt;&lt;/TD&gt;&lt;TD  CLASS="CHOICES" VALIGN="TOP"&gt;Don't Know&lt;/TD&gt;

&lt;/TR&gt;

&lt;/TABLE&gt;
</code></pre>

<p>Thought $(this).next('.lineToText') would be appropriate to select the next item but it doesn't, can anyone tell me what I'm missing?</p>
