title: HTML 5 data attributes not calling URL
body: <p>I have created a button dynamically with the following code:</p>
  
  <pre><code>var del = $('&lt;button/&gt;')
       .addClass('btn btn-danger')
           .attr('data-type', 'DELETE')
           .attr('data-url', file.deleteUrl)
           .text('DELETE');
  </code></pre>
  
  <p>the file.deleteUrl is something like this: <code>http://somedomain/?file=1411934997-1528.jpeg</code>, which passes the data to be deleted to a processing script. </p>
  
  <p>This (above) is providing the button with a data-url attribute, and when the button is clicked I'd like a DELETE call to be sent to that url. </p>
  
  <p>However, its not working at the moment, and I dont know why.</p>
  
  <p>in my console the button looks ok, but the call is not being fired when i click the button.</p>
  
  <p>I'm a noob with data attributes and could use some help. </p>
  
  <p>Thanks</p>