title: Move draggable to position programmatically
body: <p>Lets say there is a draggable object capable of being dragged only on one axis. </p>
  
  <p>Is there a way to programmatically move it? Either to start, or by a delta. Of course I could go and change its css <code>left</code> property, but that wouldn't trigger the dragging events jQuery offers.</p>
  
  <p>I was expecting to find a <code>dragBy(x,y)</code> method to the draggable.</p>
  
  <p>Here is the example: <a href="http://jsfiddle.net/odyodyodys/daHU8/" rel="noreferrer">http://jsfiddle.net/odyodyodys/daHU8/</a></p>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="theButton"&gt;Reset position&lt;/div&gt;
  &lt;div id="theDiv"&gt;Lorem ipsum dolor sit amet&lt;/div&gt;
  </code></pre>
  
  <p>Js:</p>
  
  <pre><code>$("#theDiv").draggable({
      axis: "x",
      cursor: "pointer"
  });
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code>#theDiv {
      display:block;
      width: 100px;
      height: 100px;
      overflow: hidden;
      margin-top: 80px;
      background-color: green;
  }
  #theButton {
      border: 1px solid;
      width:80px;
      cursor: pointer;
  }
  </code></pre>
  
  <p>Is there a way to move the draggable element (the <code>theDiv</code> here) by a delta or to the initial position, after moving it across the x axis?</p>