hi guys,... can anyone help please,.... 

I have a dialog box open to set photo as profile avatar picture,... how can I close dialog box after click is made? thanks in advance,... 

<script type="text/javascript">

$(document).ready(function() {

$('#profile_picture_dialog_<?php echo $profile['User']['id'] ?> a').each(function() {

var $link = $(this);

var $dialog = $('<div></div>')

.load($link.attr('href'))

.dialog({

autoOpen: false,

width: 500,

modal: true,

title: 'Set Profile Picture'

});

$link.click(function() {

$dialog.dialog('open');

return false;

});

});

});

</script>

and here is the content of a dialog box

<a href="/photos/set_buddy/148"><img src="/photos/square/148-5rrqzgcgy8kmmr58cfce.jpg"></a>