Am using tow jquery files in a same page like scripts/ui.sortable.js and jquery.jcarousel.js and related functions in the same page

<script type="text/javascript">

$(document).ready(function() {

$(".column").sortable({

connectWith: '.column'

});

$(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")

.find(".portlet-header")

.addClass("ui-widget-header ui-corner-all")

.prepend('<span class="ui-icon ui-icon-plusthick"></span>')

.end()

.find(".portlet-content");

$(".portlet-header .ui-icon").click(function() {

$(this).toggleClass("ui-icon-minusthick");

$(this).parents(".portlet:first").find(".portlet-content").toggle();

});

$(".column").disableSelection();

});

</script>

<script type="text/javascript">

var $jl = jQuery.noConflict();

jQuery(document).ready(function() {

$jl('#mycarousel').jcarousel();

});

jQuery(document).ready(function() {

$jl('#mycarousel1').jcarousel();

});

</script>