I have slicknav working on a desktop in chrome, ie, safari and firefox. When I run on the iphone 6 it works in chrome but not in safari. my js function looks like:

$(document).ready(function(){ $("#nav_lat").slicknav({prependTo:"#mobile_menu"}); });

the safari console from iphone 6 says:

 $("#nav_lat").slicknav({prependTo:"#mobile_menu"});

is not a function. Have no idea how to fix this. help appreciated.

Updated with the following:

If I use:

    $(document).ready(function() {

      $("#nav_lat").slicknav({prependTo:"#mobile_menu"});

     });

It doesn’t work on the iphone 6 but it does seem to work everywhere else

However, if I use:

    jQuery(function($) {

       $("#nav_lat").slicknav({prependTo:"#mobile_menu"});

     });

it seems to work everywhere.

Could someone explain what's going on?