an onclick event to show JQ ui dialog from a jqTree widget

an onclick event to show JQ ui dialog from a jqTree widget

I have the jqTree plugin and I would like for a user to be able to click on a node and have a jquery ui dialog box open with more info. I have tried out each widget and I can get each to work but I can't figure out how to put them together. I know when I run the jqTree that when the mouse cursor is over a node it changes to a hand with pointing finger. It must be designed to be clickable i just can't figure where to code so it will open the dialog box. Here is my code:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html><head>
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>jq</title>

    <script src="jquery-1.9.1.min.js"></script>
    <script src="tree.jquery.js"></script>
    <link rel="stylesheet" href="jqtree.css">
    </head><body style="width: 940px; margin-left: auto; margin-right: auto;">
    <div id="tree1"></div>
    <script>
    var data = [
    {
    label: 'Frederick and Susannah Handley',
    children: [

    { label: 'John Handley and Kiziah McAllister'},

    { label: 'Elbert Handley and Caroline Burch' }

    ]
    },
    {
    label: 'node2',
    children: [
    { label: 'child3' }
    ]
    }
    ];
    $(function() {
    $('#tree1').tree({
    data: data
    });
    });
    </script>
    <br>
    </body></html>


































Thanks for your help!