title: ajax append causes javascript to be executed multiple times
body: <p>I've created a dynamic table in PHP, where every image in a row has a specific url in the ID.</p>
  
  <p>For example:
  </p>
  
  <p>When a user clicks on this image, it executes an action. This works fine.</p>
  
  <p>Afterwards, in the second ajax, it's supposed to reload the colorbox with the previous url. This also works, however, the javascript seems to be loaded again (with the new values though)?</p>
  
  <pre><code>$('#cboxLoadedContent img[alt="markmessage"]').live('click', function(){
  var returnurl = "&lt;?php echo $_SESSION['returnpage']; ?&gt;";
  var markurl = $(this).attr('id');
  alert(markurl);
  
  // Do the action
  $.ajax({
      method:'GET',
      url: markurl,
      cache:false
  });
  
  // Reload colorbox again with previous contenturl.
  $.ajax({
          type: 'GET',
          url: returnurl,
          dataType: 'html',
          cache: true,
          beforeSend: function() {
                  $('#cboxLoadedContent').empty();
                  $('#cboxLoadingGraphic').show();
          },
          complete: function() {
                  $('#cboxLoadingGraphic').hide();
          },
          success: function(data) {              
          $('#cboxLoadedContent').empty(); 
                  $('#cboxLoadedContent').append(data);
          }
  });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Is there any way to PREVENT the javascript from being re-appended to the colorbox? I've tried a few methods (like removing it with DOM), but nothing seems to work...</p>
  
  <p>The javascript may NOT be disabled, it's supposed to process a new url afterwards...</p>