Edit in JSFiddle

<div id="swiper">
    Swipe here
</div>
<div id="status">Swipe: <span></span></div>

steal('jquery/event/swipe', function($) {
    $('#swiper').on({
        'swiperight' : function(ev) {
            $('#status span').html('right');
        },
        'swipeleft' : function(ev) {
            $('#status span').html('left');
        },
        'swipeup' : function(ev) {
            $('#status span').html('up');
        },
        'swipedown' : function(ev) {
            $('#status span').html('down');
        }
    });
});

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

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

#swiper {
    width: 150px;
    height: 150px;
    background-color: green;
}