jquery - Set SVG as mouse pointer image -

i having svg image .i neet set svg image mouse pointer using javascript.

i can able set image mouse pointer using following code:

  $("div").mouseover(function(){             $(this).attr("style","cursor: url(red_bucket.png), pointer;");         });

is there possiblities set svg mouse pointer...?

this should work

    $("div").mouseover(function(){         $(this).attr("style","cursor: url('red_bucket.svg'), pointer;");     });

IO