Edit in JSFiddle

<div id="container">
    <div id="dragger">Drag me</div>
</div>

$('#dragger').on('draginit', function(ev, drag) {
    drag.limit($(this).parent());
    drag.horizontal();
});

body{ 
    font-family: Helvetica,"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
}

div {
    overflow: hidden;
    padding: 10px;
}

#container {
    width: 400px;
    background-color: #EFEFEF;
}

#dragger {
    border: 1px solid grey;
    padding: 5px;
    cursor: pointer;
    width: 70px;
}