jQuerry Bootstrap Tour not working

Hi guys,

I'm trying to use Bootstrap Tour: https://github.com/Gild/bootstrap-tour/blob/master/README.md

for the following html: http://themeflava.com/rankexperts/userpanel/

I did everything exactly as in the documentation, but it's not working.
I included the js:

<script type="text/javascript" src="js/bootstrap-tour.js" type="text/javascript"></script>
<script type="text/javascript" src="js/bootstrap.js" type="text/javascript"></script>
<script type="text/javascript" src="js/bootstrap.min.js" type="text/javascript"></script>

I pointed the first step to this element:

 <li><a href="projects.html" title=""><img id="step1" src="images/icons/mainnav/projects.png" alt="" /><span>Projects</span></a></li>

I added the tour content:

<ol id="#tourContent">
  <li data-target="step1">Tip content...</li>
</ol>

and the script:

<script type="text/javascript">
  $(window).load(function() {
    $(this).featureTour({
        'cookieMonster': true,           // true/false for whether cookies are used
              'cookieName': 'myHomepageTour',  // choose your own cookie name
             'cookieDomain': false,           // set to false or yoursite.com
              'tipContent': '#tourContent',    // The ID of the <ol> used for content
              'postRideCallback': $.noop,      // A method to call once the tour closes
              'postStepCallback': $.noop,      // A method to call after each step
              'nextOnClose': false,            // If cookies are enabled, increment the current step on close
              'debug': false
    });
  });
</script>

Any ideas how to get this working?
Thanks