I'm using a HTML table to display my content on my webpage. I'm having trouble on figuring out how to make a columns contents display when it is hovered over. For example if I hovered over a cell on the table (which has the tool-tip enabled), the contents of that cell should appear in a tool-tip. 

I am currently using JavaScript & J Query to build the table, I have included static data to display in the table:

```
var AuditLog = [
    { UserID: "DJoe1", Action: "loggedIn", Date: "17 July 2014 11:02", AppID:"MyRoster", DeviceID: "-", Notes: "None" },
    { UserID: "DJoe2", Action: "loggedIn", Date: "17 July 2014 10:49", AppID: "Train Dispatch", DeviceID: "-", Notes: "None" },
    { UserID: "DJoe3", Action: "loggedIn", Date: "17 July 2014 10:29", AppID: "MyRoster", DeviceID: "-", Notes: "None" },
    { UserID: "LJenkins2", Action: "loggedIn", Date: "17 July 2014 10:15", AppID: "Train Dispatch", DeviceID: "-", Notes: "None" },
    { UserID: "LJenkins1", Action: "loggedIn", Date: "17 July 2014 10:11", AppID: "Train Dispatch", DeviceID: "-", Notes: "None" }
    ];

```

The column which needs the tool-tip is the Notes column. Table Structure:

```
                 var AuditHTML = "<table class='tablesorter full_width_table info_table_style ui-body-d ui-shadow table-stripe ui-responsive' id='auditTable'>" +
                    "<thead >" +
                       "<tr class='ui-bar-b schedule_row '>" +
                         "<th>User ID</th>" +
                         "<th>Action</th>" +
                         "<th>Date</th>" +
                         "<th>App ID</th>" +
                         "<th>Device ID</th>" +
                         "<th>Notes</th>" +
                       "</tr>" +
                     "</thead>" +
                     "<tbody>";

    for (s = 0; s < AuditLog.length; s++) {

        AuditHTML += "<tr class='schedule_row display' id='auditTr_" + s + "'>" +

          "<td> " + AuditLog[s].UserID + "</td>" +
                  "<td> " + AuditLog[s].Action + "</td>" +
                  "<td> " + AuditLog[s].Date + "</td>" +
                  "<td> " + AuditLog[s].AppID + "</td>" +
                  "<td> " + AuditLog[s].DeviceID + "</td>" +
                  "<td> " + AuditLog[s].Notes + "</td>";

        AuditHTML += "</tr>";
    }

    AuditHTML += "</tbody></table>";

$("#auditContent").html(AuditHTML);

```

I have used a div to display the table on the page:

```
  <div id="auditContent">
        </div>

```

Any help would be great!