unbind a fuction not working

unbind a fuction not working

i create a function in which onclick of button div append on active <li> but on click of other <li> the appended div should remove from active <li>
  1. $("#rotate").click(function () {
    // Your original element
    var ele = $("li.active");
    // Create div dynamically
    $('<div></div>').appendTo(ele).attr('class','handle').css({
        'position': 'absolute',
        'bottom': 0,
        'right': 0,
        'height': 10,
        'width': 10,
        'background-color': 'red'
    });
        });











Thanks in advance