title: data-content for multiple URL's when clicked
body: <p>There is a javascript and jquery for which I need your help:</p>
  
  <p>jQuery:</p>
  
  <pre><code> $(document).ready(function () 
      {
          $( '.website' ).popover(
          {
              'trigger'   : 'hover',
              'placement' : 'right'
          });
      });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="javascript:void(0)" data-content="http://www.google.com,http://www.yahoo.com" class="website" &gt;Google Website&lt;/a&gt;
  </code></pre>
  
  <p>When I hover on the "Google Website", it shows both the URLs. For the same data-content, when clicked on any URL, it should redirect to respective page.</p>
  
  <p>The below code will do for 1 URL. But how to view 2 different URL's in 2 different tabs:</p>
  
  <pre><code>$('.website').click(function(e){
   e.preventDefault();
   window.open($(e.target).attr('data-content'), '_blank')
  })
  </code></pre>
  
  <p>Please help.</p>