Retrieve all values of a dynamically generated html table
===

I have a html table displayed in a showmodal dialog window, the html-body has several divs, each div having several tables, tr and td within them. 

The user will update entries within the input tag so i need to capture the change.

One such div looks like below. How to I retrieve all these values on a button click. I have heard of serialize() method. Will it work for all tag types, "insert","select", "option" etc etc.

    <div>
      <table>
        <tr><td></td><td></td><td></td>
        </tr>
      </table>
      <table>
        <tr><td></td><td></td>
        </tr>
        <tr><td></td><td></td><td></td><td></td>
        </tr>
      </table>
      <table>
        <tr><td></td>
        </tr>
      </table>
    </div>
