Removing jquery imgareaselect plugin from element

Question

So im using this neat jquery plugin http://odyniec.net/projects/imgareaselect/ It works fine, but i'm firing it with jquery ui callback function (dialog), and i need to remove the selection after dialog closes.

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();
        });
    });
});

I would really appreciate some tips, because i'm new to jquery and I can't work this out by myself.

Thank you

Answer 1

According to their documentation at HomeimgAreaSelect Documentation

$('#image_area').imgAreaSelect( {remove: true} );

will do the trick

Answer 2

http://odyniec.net/projects/imgareaselect/usage.html

$('#image_area').imgAreaSelect({remove:true});

should work, but not sure

Answer 3

Wow, that did the trick. I've been spending about 24 hours trying to get it right. Thank you so much (Gaby and Daniele).

Answer 4

ya it really work but after -->$('#image_area').imgAreaSelect({remove:true}); It cannot work on tagging other photo