jquery ui перетаскиваемое ограничение по оси x и заданные координаты

у меня есть

<style>
.container { position:relative; width:600px; height:400px; overflow:hidden; }

.div-inner { position:absolute; top:0px; left:0px; width:7200px; cursor:e-resize; }

</style>

$ (". div-inner"). draggable ({axis: "x"});

<div class="container">
     <div class="div-inner">Drag me!</div>
     </div>

я хочу ограничить движение влево и справа от 7200 пикселей ширины внутреннего блока div.

если бы это был прокручиваемый элемент, я бы позволил ему прокручиваться слева: 0px; слева: (7200-600) пикселей;

Как это сделать с перетаскиванием?

Большое спасибо!