JQuery Draggable und ein <object> mit einem SVG?

Question

Ich habe eine SVG-Datei innerhalb eines Objekt-Tags, die in einer Tabellenzelle angezeigt wird, und ich möchte die SVG innerhalb der Tabellenzelle mit JQuery's Draggable verschiebbar machen. Der Code - abzüglich der verwirrenden Bits im Tag - sieht wie folgt aus:

<div id="container">
<div id="box">
  <table align="center" border="1">
      <tr>
          <td valign="middle">button</td>
          <td valign="top" id="objtd">
              <div id="objdiv1">
                  <object id="svgobject1">blah, blah</object>
              </div>
          </td>
          <td valign="middle">button</td>
      </tr>    

Wenn ich das Tag selbst als "draggable" einstelle, funktioniert das Ziehen nicht. Wenn ich das Tag in ein , einpacke und es "draggable" mache, kann ich es über den Rand des div ziehen, nicht über das SVG selbst. Ich habe versucht, das Handle des SVG-Objekts wie folgt zu setzen:

$('#objdiv1').draggable({ handle: '#svgobject1' });

aber auch das schlug fehl.

Gibt es eine Möglichkeit, das SVG-Objekt durch Klicken und Ziehen der SVG selbst verschiebbar zu machen?

Ich habe ein Beispiel erstellt aquí falls das hilft zu verstehen, wovon ich spreche.