Bootstrap: Uncaught TypeError: Object [object Object] has no method 'popover' -

this messing head, code:

$(document).ready(function(){      $(".tour-popover").popover({html: true });     $('#1-popover').popover('show');     $('.next-popover').click(function(){         cur_num = parseint($(this).attr('id'), 10);          $('#'cur_num+'-popover').popover('destroy');                         }); }); 

the first time use popover() method show it, works fine, if want destroy or hide it, doesn't work , throws error: uncaught typeerror: object [object object] has no method 'popover'

this how files called:

<link rel="stylesheet" href="files/bootstrap/css/bootstrap.css"/> <link rel="stylesheet" href="files/bootstrap/css/bootstrap-responsive.css"/>  <link rel="stylesheet" href="files/custom-colors.css"/> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" /> <script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script> <link rel="stylesheet" href="files/main.css"/> <script type="text/javascript" src="files/main.js"></script>     <script type="text/javascript" src="files/bootstrap/js/bootstrap.js"></script>       <script type="text/javascript" src="files/bootstrap/file-upload/bootstrap-fileupload.min.js"></script>