title: JQuery Draggable to Drag to Position Programmatically
body: <p>I want to add buttons somewhere on the page to manipulate JQuery Draggable element without mouse dragging, i.e. programmatically. In other words, I want to shift (or pan) draggable element inside its container up or down, left or right depending on what button user clicks. How can I do it? I cannot seem to find that option in docs. Do I simply manipulate CSS left/top to achieve it and make sure I do not go outside of the container?</p>
  
  <pre><code>$(".drag-view").draggable({drag:function(event, ui){containment:a /*...*/}});
  </code></pre>