title: Greater than selector not working
body: <p>I have a swipe-gesture enabled gallery. By swiping left / right, the user navigates the gallery. I need to limit the position of the sliding div so it doesn't go off track, i.e. once you've arrived on page, obviously all the images are to the right so I don't want users swiping left (to blank space).</p>
  
  <p>I tried to use "greater than" but it's not working.</p>
  
  <pre><code>var theWidth = $(window).width();
  
  function processingRoutine() {
      var swipedElement = document.getElementById(triggerElementID);
  
      if ( swipeDirection == 'left' ) {
          $(".frame").animate({marginLeft: '-='+theWidth});
      } else if ( swipeDirection == 'right' ) {
          $(".frame").animate({marginLeft: '+='+theWidth});
  
          if ( parseInt($(".frame").css("margin-left")) &gt; 1 ) {
              $(".frame").animate({marginLeft: "0px"});
          }
      }
  }
  </code></pre>
  
  <p>You can view the whole source here: <a href="http://joinersart.co.uk/mtest" rel="nofollow">http://joinersart.co.uk/mtest</a></p>