I want to display an input box on top of each td with a certain classname on a button click. The reason for this is ,t he user will then scan each inputbox with a barcode scanner and in the end press OK to make the inputbox disappear and come back to the label state. I am using jquery selectable

<table id="#seelctable">

<tr><td id=1 class="selected">Test1</td></tr>

<tr><td id=2 class="selected">Test2</td></tr>

<tr><td id=3>Test3</td></tr>

<tr><td id=4>Test4</td></tr>

</table>

<input type=button id="show input" />

Please let me know if this is achievable using jquery, css etc.

Thanks