JQuery Modal Dialog opens with button selected

I have a dialog created like this:

<div id="choose_product" title="Choose a Product" style="display:none;">
    <button id="sel_1">Prod. 1</button>
    <button id="sel_2">Prod. 2</button>
</div>

      

        
        
        
      

    

with JS:

    $('#choose_product').dialog({
            autoOpen: true,
            show: "blind",
            hide: "explode",
            modal: true,
            buttons: {
                Cancel: function(){
                    $(this).dialog("close");
                }
            }
        });

      

        
        
        
      

    

When the dialog box opens, the Prod 1 button is selected (highlighted) by default, I don't know why. You can see this on the JSFiddle . When you press RUN, you can see that the button is Prod. 1

selected by default. Does anyone know why this is happening? Is there something I am doing wrong?

Thank!

** Edit **

In my application, I actually use $('#choose_product').dialog("open");

to open a dialog. if you use $('#choose_product :button').blur();

immediately after this, no buttons will be selected by default. Little work but seems to work.

See the updated fiddle .