title: Removing jquery imgareaselect plugin from element
body: <p>So im using this neat jquery plugin <a href="http://odyniec.net/projects/imgareaselect/" rel="noreferrer">http://odyniec.net/projects/imgareaselect/</a>
  It works fine, but i'm firing it with jquery ui callback function (dialog), and i need to remove the selection after dialog closes.</p>
  
  <pre><code>function initialize_selection() {
  $('#image_area').imgAreaSelect({ x1: 10, y1: 10, x2: $('#image_area').width()-10, y2: $('#image_area').height()-10 , fadeSpeed: 400, handles: true});
  }
  
  $(function() {
  $('#image_edit').click(function(){
      $('#edit_image_dialog').load('actions.php?action=edit_temp_image', function(){
              $('#edit_image_dialog').dialog({
                  modal: true,
                  resizable: false,
                  width: 480,
                      buttons: {
              Ok: function() {
                          //foo_bar                                                                        
              },
                          Cancel: function() {
                          //foo_bar
              }
                      },
                      beforeclose: function(){
                      //What should i put here ???
                      ;}
              });
      initialize_selection();
          });
      });
  });
  </code></pre>
  
  <p>I would really appreciate some tips, because i'm new to jquery and I can't work this out by myself.</p>
  
  <p>Thank you</p>