jquery conflict with widget page

Question

I'm trying to create a widget plugin that uses a jQuery code to show/hide divs in the widget form based on the selected option of a select drop menu.

The jQuery code I'm trying to implement is working fine everywhere else, but in the widgets page it makes the widgets not working (not expandable or dragable).

This is my code on jsfiddle:

http://jsfiddle.net/fj63g/111/

/* update */

The full plugin code can be found here:

http://jsfiddle.net/qNc62/

Answer 1

used $ within (function($){ /* code */ })(jQuery);

:D

<script type="text/javascript">
(function($) {
$(document).ready(function(){
  $('#kopko').change(function() {
    $("#" + this.value).show().siblings().hide();
  });
  $("#kopko").change();
});     
})(jQuery);
</script>