title: Jquery Ui modal open doubleclick on row
body: <p>I am trying to open Jquery ui modal with doubleclicking on tables row.</p>
  
  <p>For now I open modal with a button:</p>
  
  <pre><code>    $('button.adminModal').on("click", function (event) { loadDialog(this, event, '#adminPanel'); });
  </code></pre>
  
  <p>Function loadDialog opens modal with given href.</p>
  
  <p>How can I open modal by doubleclicking on tables row?</p>
  
  <p>I have tried using event ondblclick in  tag, but it did not worked.</p>
  
  <p>LoadDialog function:</p>
  
  <pre><code>function loadDialog(tag, event, target) {
  
                  event.preventDefault();
                  var $loading = $('');
                  var $url = $(tag).attr('href');
                  var $title = $(tag).attr('title');
                  var $dialog = $('&lt;div&gt;&lt;/div&gt;');
                  $dialog.empty();
                  $dialog
                      .append($loading)
                      .load($url)
                      .dialog({
                          autoOpen: false
                          , title: $title
                          , width: 500
                          , modal: true
                          , minHeight: 200
                          , show: 'fade'
                      });
  };
  </code></pre>