title: loading a href's content into a shadowbox using .load() HELP!
body: <pre><code>&lt;script type="text/javascript"&gt;
      $(function() {
          $('#wp-calendar a').click(function(event) {
              event.preventDefault();
  
              var url = $(this).attr('href') + ' #content';
  
              var loaded = Shadowbox.load(url);
  
              Shadowbox.open({
                  content:    loaded,
                  player:     "html",
                  title:      "&lt;?php the_title(); ?&gt;",
                  height:     300,
                  width:      470,
              });
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>That is the code I am using to try and display content in a shadowbox, I am using the default wordpress calendar and with jQuery/AJAX (if I am not mistaken) adding this click event to every link in the calendar, so that when a link is clicked, the content is loaded and displayed in a shadowbox instead of opening on a new page.</p>
  
  <p>When I click on one of the links all I get inside of the shadowbox is "undefined".</p>
  
  <p>As I am sure you can see in my code, I am still very new to this, so any help or pointers would be appreciated.</p>
  
  <p>Thanx in advance!</p>