The issue is that the boostrap dropdown jQuery plugin closes the dropped-menu when you click anywhere else. You can disable that behavior by capturing the click events on your dropdown-menu element and keeping it from reaching the click event listeners on the body element.
Just add
$('.dropdown-menu').click(function(event){
event.stopPropagation();
});
jsfiddle can be found here