title: Accessing data attribute using jquery returns undefined?
body: <p>Inside my view i have a button as follow:</p>
  
  <pre><code>&lt;button data-assigned-id="@IdUser" onclick="updateClick()" type="button" class="btn btn-sm btn-default"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>My div</p>
  
  <pre><code>&lt;div id="partial_load_div"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Script</p>
  
  <pre><code>function updateClick() {
      var id = $(this).data('assigned-id');
      $('#partial_load_div').show();
      $('#partial_load_div').load('/Users/UpdatePartial?id=' + id);
  }
  </code></pre>
  
  <p>The id is always shows as undefined, i checked and <code>@IdUser</code> has always value</p>
  
  <p>then in chrome dev i got the error</p>
  
  <p><strong>GET <a href="http://localhost:19058/Users/UpdatePartial?id=undefined" rel="noreferrer">http://localhost:19058/Users/UpdatePartial?id=undefined</a> 400 (Bad Request)</strong></p>
  
  <p>Any idea how to fix this?</p>