[jQuery] dynamically-generated images

[Chris Curvey]

this has to be simple, I'm just brain-cramping on a Friday...

I have a link that generates an image dynamically.  What I want to do
is have the image show up in another place on the same page.  So
something like this:

<a href="generate_my_image">generate</a>
<img id="document-image" />

And then my JS looks like:

$(document).ready( function () {
  $("a").click(function(event) {
     $('#document-image').attr('src', this.href)
     event.preventDefault();
  });
});

But when i do this, I get a message from my app server (Django)
telling me that I've got a broken pipe.  Am I on the right track?