problem using the jquery function draggable and selectable

here is the project that I am currently building: http://www.arbamedia.com/test
If you go to the Dyer dhe dritare in the menu you will see a door and a window, you can drag them into the plan but they are not selectable! I found out that this is a known problem! but is there any tweak that I can do to my code to make those elements selectable + draggable after I put them into the plan?

Thank you for your help.

 

What you mean with selected? Seems to work fine over here. Upon first dragg they get outside the map. Then you dragg these from outside the map into map and move them around, rotate them

 

its working now, I upgraded the jquery to the latest version. but there is a problem with IE 9 now. I cant select those elements after I have dragged them! in IE9 it doest work. in FF and Chrome it works. when I click on it activates and it shows the rotate and move options and when I click somewhere else it deactivates and hiddes those options. but in IE it just simply doesnt work.. I am trying all day to make it work but it doesnt... even the selectable function in jqueryui doesnt work on my IE9 browser..

 

Got no time now to check, but you could chromes error log.
Right click "investigate element" ( element untersuchen )
On that window, the last tab "console", it will show you some hints if there is a coding error

 

no it doesnt show any error, but it is ok never mind I am not going to use selectable, I wrote this:
$("#clonediv1").click(function () {
$("p").toggle();
});

but yet I am not satisfied because it shows/hides the options when I click on the image, but that is not what I want! I want the options to show when I click on the image, and to hide them when I click somewhere else in the page.. any idea?


* its ok I solved the problem by doing this:

$(objName).click(function () {
$("p", this).show();return false;
});
$(document).click(function () {
$("p").hide();
});