jQuery Data function returns 'undefined'
<p>I have the following HTML:</p>

<pre><code>&lt;a href="#" data-secID="1901"&gt;
  &lt;img src="pencil.png" title="Edit" /&gt;
&lt;/a&gt;
</code></pre>

<p>And the following jQuery that I expect to alert the secID of 1901 to the screen, but instead alerts 'undefined' to the screen.</p>

<pre><code>$(document).on("click", "a[data-secID]", function ($e) {
  alert($(this).data('secID'));
  $e.preventDefault();
});
</code></pre>

<p>Why am I get 'undefined' instead of 1901?</p>
