title: HTML5 data attributes lost in Safari
body: <p>I have a jQueryUI modal which loads its content based on HTML5 data attributes:</p>
  
  <pre><code>&lt;button id="add-dates-button" name="add-dates-button" href="#" class="dialog-ajax-form" data-table="jto-dates-add" data-title="Add Job" data-id="&lt;?=$jto_id?&gt;"&gt;Add Date(s)&lt;/button&gt;
  </code></pre>
  
  <p>With the following (partial) script triggered by the click of the button, I get the variables in FF to print to console just fine. However, in Safari, they all post undefined:</p>
  
  <pre><code>$(document).on('click','.dialog-ajax-form',function(e){
      e.preventDefault(); 
      var targete = $(e.target);
      var tbl = $(e.target).data('table');
      var id = $(e.target).data('id');
      var title = $(e.target).data('title');
      console.log(title);
      console.log(id);
      console.log(targete);
      console.log(tbl);
  </code></pre>
  
  <p>If I access the attributes in Safari with the following, however, I can get the value:</p>
  
  <pre><code>console.log( document.getElementById('add-dates-button').getAttribute( 'data-table' ) );
  </code></pre>
  
  <p>I use the dialog-ajax-form script in a variety of places, so accessing the variable this specifically is not ideal. Can anyone explain why I'm losing these values in Safari?</p>