title: How to get URL within content with JQuery or Javascript
body: <p>I am building an Application with PhoneGap which has a lot of <code>URLs</code> that are updated on a regular basis. Therefore I need to code a way to capture the <code>URL</code> and redirect it to the external browser. The InAppBrowser code is not the problem, I just can't seem to get the <code>URL</code>!
  Here is what I have tried:</p>
  
  <pre><code>$('#page-content a').click(function(){
     currentPage = this.href.split('=')[1];
    window.open('currentPage', '_blank', 'location=yes')
  });
  </code></pre>
  
  <p>No luck with the above. For one, I think the issue started with the <code>('=')</code>, as I thought that would be where to begin the split of the <code>href</code> from the <code>URL</code></p>
  
  <p>Here is a small section of the content that holds the URL I need to get:</p>
  
  <pre><code>    RSVP: from website&lt;br /&gt;
  Web: &lt;a href="http://sites.ieee.org/scv-cas/"&gt;sites.ieee.org/scv-cas&lt;/a&gt;&lt;/p&gt;
  &lt;p&gt;
  This is a review of the field of Digital Signal Processing (DSP) and is intended
  for those who do not necessarily use DSP on a daily basis.
  </code></pre>
  
  <p>I am running PhoneGap 3.3 and JQuery 1.4</p>
  
  <p>Edit: page content from my html page where I am adding the above content:</p>
  
  <pre><code>&lt;div data-role="content"&gt;
      &lt;div id="page-title"&gt;&lt;/div&gt;
      &lt;div id="page-region"&gt;&lt;/div&gt;
      &lt;div id="page-content"&gt;&lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>