title: Modal window created with bPopup and url defined in a variable
body: <p>I am trying to create a model window using the bPopup plug in. What I think I don't understand is how to make the loadUrl a variable. I am not able to change the markup. Is the problem because it is a relative url and not fully qualified? I did try  <code>loadUrl:'http://site.name.org' + $(this).attr('href')</code> I am at a loss and any suggestions are appreciated. </p>
  
  <pre><code>$("&lt;div id='element_to_pop_up'/&gt;").appendTo("body");
  
  $('.cit-thumbnail-link').bind('click', function(e) {
      e.preventDefault();
  
      $('#element_to_pop_up').bPopup({
          content:'iframe',
          contentContainer:'.content',
          loadUrl:$(this).attr('href')  
      });               
  });
  </code></pre>
  
  <p>Markup</p>
  
  <pre><code>&lt;a 
    href="/content/early/2012/11/12/jscr.rjs013.featured-figure.html"
    class="cit-thumbnail-link"
  &gt;
      &lt;img 
        alt="Thumbnail"
        src="/content/early/2012/11/12/jscr.rjs013/embed/icon-1.gif"
        class="cit-thumbnail"
      &gt;
  &lt;/a&gt;
  </code></pre>