title: Call a function onClick and passing it a value from the element's data-* attribute
body: <p>I have links like this:</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#" data-value="Codes"&gt;Get codes&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="#" data-value="Product"&gt;Get products&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>How can I make it so that when I click on the link then a function gets called passing the value that's contained in data-value?</p>
  
  <pre><code>function refreshGrid(value) { }
  </code></pre>