Axis guidelines over an image

I just had to wrap document ready function around:

jQuery(document).ready(function( $ ) {

    $('#imageholder img').on('mousemove', null, [jQuery('#horizontal'), jQuery('#vertical')],function(e){
        e.data[1].css('left', e.offsetX==undefined?e.originalEvent.layerX:e.offsetX);
        e.data[0].css('top', e.offsetY==undefined?e.originalEvent.layerY:e.offsetY);
    });
    $('#imageholder').on('mouseenter', null, [jQuery('#horizontal'), jQuery('#vertical')], function(e){
        e.data[0].show();
        e.data[1].show();
    }).on('mouseleave', null, [jQuery('#horizontal'), jQuery('#vertical')], function(e){
            e.data[0].hide();
            e.data[1].hide();
    });

});