Initial Click not Binding
===

I have an element, that when dragged (using the draggable in jquery-ui.js), is appendTo() to a new location. I have another script where if I click this same element, it toggles a border class.

    $('.object').live('click', function(){
        $(this).toggleClass('border');
    });

What I've found is that my first click on the newly moved element doesn't trigger the border script. The second does, and a single click thereafter does too.

I assume this is some sort of binding issue, but I'm not sure what I can do.

*I know .live() is depreciated, I haven't updated yet.