implementing .resizable in code

[amateurist]

i found this jquery code on jsfiddle and have been able to modify it to suit my plans, only thing i still want to change is to add the jquery .resizable to the beach divs..
every time i try to implement it, it just messes up the rest of the code.
it's probably super easy but i'm a bit new to this

thanks!

$(document).ready(function() {
    var a = 3;
    $('#beach01,#beach02,#beach03,#beach04').draggable({
        start: function(event, ui) {
            $(this).css("z-index", a++);
        }


    });
    $('#dragZone div').click(function() {
        $(this).addClass('top').removeClass('bottom');
        $(this).siblings().removeClass('top').addClass('bottom');
        $(this).css("z-index", a++);

    });
});