title: Issue with adding gesture options to Hammer.js
body: <p>I have just started using Hammer JS for the first time and am going through their getting started page (<a href="https://github.com/EightMedia/hammer.js/wiki/Getting-Started" rel="nofollow">https://github.com/EightMedia/hammer.js/wiki/Getting-Started</a>)</p>
  
  <p>This is the code I have:</p>
  
  <pre><code>        var el = $('#drag ul');
          var hammertime1 = Hammer(el,{
                  drag_block_vertical:true,
                  drag_lock_to_axis: true
              })
          .on("drag", function(ev) {
              if(ev.gesture.direction == 'left' || ev.gesture.direction == 'right') {
                  $(this).css('left',ev.gesture.deltaX);
              };
              ev.gesture.preventDefault();
          });
  </code></pre>
  
  <p>However, the drag locks dont seem to work.</p>
  
  <p>Any help would be greatly appreciated.</p>
  
  <p>Thanks.</p>
  
  <p>UPDATE</p>
  
  <p>Got it working by adding lock_to_axis on both functions</p>