title: open jQuery dialogue box on click of hyperlink
body: <p>I am using <code>exhibit-api.js</code> and <code>D3.js</code> </p>
  
  <p>Problem I am having is that on <code>map-lens</code> in my map I have provided the hyperlink. Until yet its opening the new window or new page fine from <code>hyperlink</code>. But what I need is to open the page in <code>jQuery</code> popup window.</p>
  
  <p>I have tried everything but the javascript is unable to find the <code>&lt;a&gt;</code> tag with <code>id</code> or <code>class</code> what am I doing wrong ?</p>
  
  <p>What have I tried:</p>
  
  <hr>
  
  <p>Following line of code is working but it opens page in new window, what I need is popup.</p>
  
  <pre><code>&lt;a id="file" data-ex-href-content=".url" onclick="javascript:window.open('this.href','_blank','height=300;width=300;');"&gt;Interest Graph&lt;/a&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $('#display').popupWindow({
          centerScreen:1
          })
  &lt;/script&gt;
  </code></pre>
  
  <p>Following is my <a href="http://plnkr.co/edit/1RukWqvV8PRIwF7zFF9g?p=preview" rel="nofollow">code</a></p>