title: jquery getting data from data-href
body: <p>I am trying to make a table row a link by using jQuery and this:</p>
  
  <pre><code>jQuery(document).ready(function() {
      $(".clickable-row").click(function() {
          window.location.href = $(this).data('href');
      });
  });
  </code></pre>
  
  <p>In my html file i have this:</p>
  
  <pre><code>&lt;tr class='clickable-row' data-href='my-page.com/user/123'&gt;
      &lt;td&gt;&lt;span class="glyphicon glyphicon-user"&gt;&lt;/span&gt;&lt;/td&gt;
      &lt;td&gt;{{ member.getFornamn }} {{ member.getEfternamn }}&lt;/td&gt;
      &lt;td&gt;{{ member.getEmail }}&lt;/td&gt;
      &lt;td&gt;{{ member.getTel1 }}&lt;/td&gt;
      &lt;td&gt;{{ member.getPostadress }}&lt;/td&gt;
      &lt;td&gt;{{ member.getPostnr }}&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Nothing is happening.
  If i change to this: window.location.href = 'www.google.com'; it's working so I know <strong>WERE</strong> the problem is...</p>
  
  <p>What am I missing?</p>
  
  <p><strong>Edit:</strong> 
  Plunker: <a href="http://plnkr.co/edit/0MBucaxR1fDpYZjZRLHc?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/0MBucaxR1fDpYZjZRLHc?p=preview</a></p>
  
  <p>For some reason above doesn't work for me. If I use this it works:</p>
  
  <pre><code>jQuery(document).ready(function() {
      $(".clickable-row").click(function() {
          window.location.href = '**any link at all**';
      });
  });
  </code></pre>
  
  <p>But when i change to this my console log don't even recognize my click...?? </p>
  
  <pre><code>jQuery(document).ready(function() {
      $(".clickable-row").click(function() {
          window.location.href = $(this).data('href');
      });
  });
  </code></pre>