Problem using jQuery ui tabs

I am using a static page template for home page, where i want to add jquery ui tabs, but twenty fourteen does not recognize:

$(function() {
$( "#tabs" ).tabs();
});

If i add external jquery source at bottom of my page then tabs works but featured slider doest not works. Adding jquery at top solves problem but home page taking time to load.