title: Detect row data change in html (form) table (JavaScript / Jquery)
body: <p>Hi I am a reader and getting a lot of help here. This is my first post. 
  I know this could be a similar question, but I still could not find answer for it. 
  Can someone please help me to write a JavaScript / jquery code:  if a user modifies any of these fields, then the dbFlag value will set to "U" (init. as “N”).  I am struggling to produce the correct code. 
  Note: the data rows are populated from DB, so it could be 1 row, or N rows.
  Highly appreciate your time and efforts.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;form name="form1" id="form1" action="saveData" method="POST"&gt;
              &lt;table id="dataTable" border="1"&gt;
                  &lt;tbody&gt;
                      &lt;tr&gt;
                          &lt;th&gt;Badge #&lt;/th&gt;
                          &lt;th&gt;turn #&lt;/th&gt;
                          &lt;th&gt;Comment&lt;/th&gt;
                      &lt;/tr&gt;   
                      &lt;tr&gt;
                          &lt;td&gt;&lt;input type="text" size="7" name="badge" id="badge" value="000000" /&gt;&lt;/td&gt;
                          &lt;td&gt;
                              &lt;select name="descMpoint" id="descMpoint2"&gt;
                                  &lt;option value="1"&gt;1&lt;/option&gt;
                                  &lt;option value="2"&gt;2&lt;/option&gt;
                                  &lt;option value="3"&gt;3&lt;/option&gt;
                              &lt;/select&gt;                    
                          &lt;/td&gt;
                          &lt;td&gt;&lt;textarea name="comment" cols="50" rows="2"&gt;txt area&lt;/textarea&gt;&lt;/td&gt;             
                          &lt;td&gt;&lt;input type="hidden" name="dbFlag" id="dbFlag" value="N" /&gt;     
                      &lt;/tr&gt;
                  &lt;/tbody&gt;
              &lt;/table&gt;
              &lt;br&gt;
              &lt;span class="tab"&gt;&lt;input type="submit" name="updateData" value="Submit" id="updateData"/&gt;&lt;/span&gt;
              &lt;br&gt;&lt;hr&gt;
          &lt;/form&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>