jQuery tooltip random appear

I am developing this "logo colors". I need the tooltip to appear in a DIV where id is #show after I click (this is OK). But after hover the buttons the tooltip is appearing anywhere it wants.

Visit my problem here: http://ift.tt/1L2kxMC

$(document).ready(function () {
    $( document ).tooltip( {
        content:  function() {
            return  $( this ).attr( "title" );
        }
    });      
    $('button').click(function(){
        $('#show').html($('#' + $(this).attr('aria-describedby')).children().html());
    });
});