title: rowdata is undefined
body: <p>I am struggling to see where I am getting an error of 'rowdata is undefined'? when I run my script and press the delete button. I am using jqxwidgets grid:</p>
  
  <p><a href="http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm" rel="nofollow">http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm</a></p>
  
  <p>If someone could help out new user or how I can troubleshoot in firebug 1.9, I would be grateful. I have included my code for your inspection. Thank you.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /&gt;
      &lt;link rel="stylesheet" href="../../jqwidgets/styles/jqx.classic.css" type="text/css" /&gt;
      &lt;script type="text/javascript" src="../../scripts/jquery-1.7.2.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../jqwidgets/jqx-all.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../scripts/gettheme.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../jqwidgets/jqxcore.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../jqwidgets/jqxdatetimeinput.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../jqwidgets/jqxcalendar.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../jqwidgets/jqxtooltip.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="../../jqwidgets/globalization/jquery.global.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              // prepare the data
              var source =
              {
                  datatype: "json",
                  datafields: [
              { name: 'id'},
                      { name: 'type'},
                      { name: 'service'},
                      { name: 'quantity'},
                      { name: 'department'},
                      { name: 'date', type: 'date', format: 'yyyy-MM-dd HH:mm:ss'},
                  ],
                  url: 'data.php',
          updaterow: function (rowid, rowdata) {
              // synchronize with the server - send update command
                      var data = "update=true&amp;type=" + rowdata.type + "&amp;service=" + rowdata.service + "&amp;quantity=" + rowdata.quantity;
              data = data + "&amp;department=" + rowdata.department + "&amp;date=" + rowdata.date;
              data = data + "&amp;id=" + rowdata.id;
  
              $.ajax({
                  dataType: 'json',
                  url: 'data.php',
                  data: data,
                  success: function (data, status, xhr) {
                  // update command is executed.
                  //alert(rowdata);
                  }
              });     
                  },
          deleterow: function (rowid, rowdata) {
              // synchronize with the server - send update command
                      var data = "delete=true&amp;type=" + rowdata.type + "&amp;service=" + rowdata.service + "&amp;quantity=" + rowdata.quantity;
              data = data + "&amp;department=" + rowdata.department + "&amp;date=" + rowdata.date;
              data = data + "&amp;id=" + rowdata.id;
  
              $.ajax({
                  dataType: 'json',
                  url: 'data.php',
                  data: data,
                  success: function (data, status, xhr) {
                  // update command is executed.
                  //alert(rowid);
                  console.log(rowid);
                  }
              });     
                  }
              };
  
              var dataAdapter = new $.jqx.dataAdapter(source);
  
  
              $("#jqxgrid").jqxGrid(
              {
                  source: source,
                  theme: 'classic',
          width: 900,
          altrows: true,
          pageable: true,
          sortable: true,
          filterable: true,
          autoheight: true,
          pagesizeoptions: ['10', '20', '30', '40'],
          editable: true,
          ready: function () {
              var button = $("&lt;input type='button' value='Add' id='myButton'/&gt;");
              button.jqxButton({ height: 20 });
              button.click(function () {
              $("#jqxgrid").jqxGrid('addrow', null, []);
  
              });
              $(".jqx-grid-pager &gt; div:first").append(button);
  
              },
          ready: function () {
          //var value = $('#jqxrid').jqxGrid('deleterow', rowid);
              var delbutton = $("&lt;input type='button' value='Delete' id='DelButton'/&gt;");
              delbutton.jqxButton({ height: 20 });
              delbutton.click(function () {
              $('#jqxgrid').jqxGrid('deleterow', id);
  
              });
              $(".jqx-grid-pager &gt; div:first").append(delbutton);
          },
                  columns: [
            { text: 'id', editable: false, datafield: 'id', width: 100 },
                    { text: 'Type', datafield: 'type', width: 150},
                    { text: 'Service', datafield: 'service', width: 150 },
                    { text: 'Quantity', datafield: 'quantity', width: 180 },
                    { text: 'Department', datafield: 'department', width: 90 },
                    { text: 'Date', datafield: 'date', columntype: 'datetimeinput', cellsformat: 'dd/MM/yyyy HH:mm:ss', width: 230, showCalendarButton: false }
                ]
              });        
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body class='default'&gt;
      &lt;div id='content'&gt;
          &lt;script type="text/javascript"&gt;
              $(document).ready(function () {
                  var theme = 'classic';
                  // Create a jqxDateTimeInput
                  $("#jqxWidget").jqxDateTimeInput({ width: '250px', height: '25px', theme: theme, formatString: 'dd/MM/yyyy HH:mm:ss'  });
              });
          &lt;/script&gt;
          &lt;div id='jqxWidget'&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
  
     &lt;div id="jqxgrid"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>