title: How to get value of every single row on mouseover through JQuery
body: <p>This is my HTML markup:</p>
  
  <pre><code>&lt;article class="container content col-xs-12 col-sm-9 col-md-10 col-lg-10"&gt;
        &lt;div class="x_panel well"&gt;
          &lt;div class="x_content"&gt;
            &lt;table id="datatable-buttons" class="table table-striped table-bordered"&gt;
                &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Name&lt;/th&gt;
                      &lt;th&gt;Position&lt;/th&gt;
                      &lt;th&gt;Office&lt;/th&gt;
                      &lt;th&gt;Age&lt;/th&gt;
                      &lt;th&gt;Start date&lt;/th&gt;
                      &lt;th&gt;Salary&lt;/th&gt;
                  &lt;/tr&gt;
                &lt;/thead&gt;
                &lt;tbody&gt;&lt;/tbody&gt;
                &lt;tfoot&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Name&lt;/th&gt;
                      &lt;th&gt;Position&lt;/th&gt;
                      &lt;th&gt;Office&lt;/th&gt;
                      &lt;th&gt;Age&lt;/th&gt;
                      &lt;th&gt;Start date&lt;/th&gt;
                      &lt;th&gt;Salary&lt;/th&gt;
                  &lt;/tr&gt;
                &lt;/tfoot&gt;
            &lt;/table&gt;
          &lt;/div&gt;
        &lt;/div&gt;
    &lt;/article&gt;
  </code></pre>
  
  <p>I have populated this table using the JSON data below is the code:</p>
  
  <pre><code>$(document).ready(function()
  {
    function init_DataTables()
      {
        console.log('run_datatables');
  
        if( typeof ($.fn.DataTable) === 'undefined'){ return; }
        console.log('init_DataTables');
  
        var handleDataTableButtons = function() {
          if ($("#datatable-buttons").length){
            $("#datatable-buttons").DataTable({
                                                dom: "Bfrtip",
                                                buttons: [
                                                    {
                                                        extend: "copy",
                                                        className: "btn-sm"
                                                    },
                                                    {
                                                        extend: "csv",
                                                        className: "btn-sm"
                                                    },
                                                    {
                                                        extend: "excel",
                                                        className: "btn-sm"
                                                    },
                                                    {
                                                        extend: "pdfHtml5",
                                                        className: "btn-sm"
                                                    },
                                                    {
                                                        extend: "print",
                                                        className: "btn-sm"
                                                    },
                                                ],
                                                "aaData": [
                                                    {
                                                        "Name": "Tiger Nixon",
                                                        "Position": "System Architect",
                                                        "Office": "$320,800",
                                                        "Age": "2011/04/25",
                                                        "Start date": "Edinburgh",
                                                        "Salary": "5421"
                                                    },
                                                    {
                                                        "Name": "Garrett Winters",
                                                        "Position": "Accountant",
                                                        "Office": "$170,750",
                                                        "Age": "2011/07/25",
                                                        "Start date": "Tokyo",
                                                        "Salary": "8422"
                                                    },
                                                    {
                                                        "Name": "Ashton Cox",
                                                        "Position": "Junior Technical Author",
                                                        "Office": "$86,000",
                                                        "Age": "2009/01/12",
                                                        "Start date": "San Francisco",
                                                        "Salary": "1562"
                                                    },
                                                    {
                                                        "Name": "Cedric Kelly",
                                                        "Position": "Senior Javascript Developer",
                                                        "Office": "$433,060",
                                                        "Age": "2012/03/29",
                                                        "Start date": "Edinburgh",
                                                        "Salary": "6224"
                                                    }
                                                ],
                                                "aoColumns": [
                                                    { "mData": "Name" },
                                                    { "mData": "Position" },
                                                    { "mData": "Office" },
                                                    { "mData": "Age" },
                                                    { "mData": "Start date" },
                                                    { "mData": "Salary" }
                                                ],
                                                responsive: true
                                              });
          }
        };
  
        TableManageButtons = function()
          {
            "use strict";
            return {
            init: function() {
              handleDataTableButtons();
            }
            };
          }();
  
        $('#datatable-scroller').DataTable({
          ajax: "js/datatables/json/scroller-demo.json",
          deferRender: true,
          scrollY: 380,
          scrollCollapse: true,
          scroller: true
        });
  
        var $datatable = $('#datatable-checkbox');
  
        $datatable.dataTable({
          'order': [[ 1, 'asc' ]],
          'columnDefs': [
          { orderable: false, targets: [0] }
          ]
        });
  
        $datatable.on('draw.dt', function()
          {
            $('checkbox input').iCheck({
            checkboxClass: 'icheckbox_flat-green'
            });
          });
        TableManageButtons.init();
      };
  
    init_DataTables();
  });
  </code></pre>
  
  <p>What I am trying to do is I want to get the value which is present in the name field for that specific row and perform an operation on that row. I am using the below jQuery code but its showing undefined.</p>
  
  <p>This is my jQuery code:</p>
  
  <pre><code>$(document).on('mouseover', '#datatable-buttons tbody tr', function()
          {
              alert($(this).data('Name'));
          });
  </code></pre>
  
  <p>How to get the value of a specific field of each field when mouse is over the tr field</p>