title: toggle visibility for dynamically created html button with jsp
body: <p>I am new to web development... am creating an html table using jsp.  (within spring for those interested)</p>
  
  <pre><code>&lt;tbody&gt;
  &lt;c:forEach var="row" items="${data.rows}"&gt;
     &lt;tr&gt;
        &lt;td&gt;  &lt;c:out value="${row.DATA1}" /&gt;  &lt;/td&gt;
        &lt;td&gt;  &lt;c:out value="${row.DATA2}" /&gt;  &lt;/td&gt;
        &lt;td class="formClass" title="click to edit..."&gt;  
            &lt;form&gt; 
              &lt;input type="text" name="DATA" value="${row.DATA}"&gt; 
              &lt;input type="submit" value="Submit"&gt;
            &lt;/form&gt; 
        &lt;/td&gt;
        &lt;td&gt;  &lt;c:out value="${row.DATA3}" /&gt;  &lt;/td&gt;
  
         &lt;/tr&gt;
     &lt;/c:forEach&gt;
  &lt;/tbody&gt;    
  </code></pre>
  
  <p>The issue is, that I want to have the submit button be invisible until the person clicks on the textarea.  I have no idea how many rows there will be, because that comes from a database, so I can't just assign an ID to each of the submit buttons.</p>
  
  <p>How would I do this?  If possible I'd like to fit the solution onto the .jsp file before creating separate css or js to link to</p>