My table includes various input fields that need to be handled in a certain way.
When the user hits the enter key while using an input field, I want to display a div right below the selected input (centered).
For demonstration purposes:
You can view my implementation on jsfiddle:
http://jsfiddle.net/alonshmiel/Ht6Ym/2371/
This is how the HTML code looks like:
<table>
<tr>
<td><input type="text"></input></td>
<td><input type="text"></input></td>
<td>fshsfh</td>
<td>347</td>
<td><input type="text"></input></td>
</tr>
</table>
<div id = "myDiv" class="callout bottom" style="position:absolute;display:none;">sgsf f shfs hfs hfsh </div>