title: Jquery UI Draggable not working - ui-draggable added but no drag event
body: <p>I am using </p>
  
  <pre><code>$('.swipeenabled').draggable({ axis: "x"}) 
  </code></pre>
  
  <p>for getting x-draggable feature.</p>
  
  <p>I have the following order of js files:</p>
  
  <pre><code>&lt;script type="text/javascript" src="{% static "crsq/js/zippednewsapp/jquery-1.10.2.js" %}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{% static "crsq/js/zippednewsapp/bootstrap.js" %}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{% static "crsq/js/zippednewsapp/jail.js" %}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{% static "crsq/js/zippednewsapp/jquery-ui.js" %}"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="{% static "crsq/js/zippednewsapp/jquery.touchSwipe.min.js" %}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>We know that draggable is working, since ui-draggable class gets added to the elements .swipeenabled</p>
  
  <p>But, the dragging feature does not work. What are the possible reasons? The jquery and jquery-ui js files are not corrupt. I have checked that.</p>