Uncaught Error : Function not defined

Uncaught Error : Function not defined

I am trying to embed scrollbox in my webpage http://svanubhuti.in/core/itad/corbod1.php with include method. . When i load that webpage, each jquery library gets loaded but scrolling effect is not working. 
When i check it in console, it shows Uncaught error : function not defined 
Please help. I'm really confused.  
Source code of embedded file is as follows..

  3. <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet">
  4. <link href="demo.css" rel="stylesheet">
  5. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  6. <script src="jquery.scrollbox.js"></script>
  7. <script>
  8. $(function () {
  9.   $('#demo5').scrollbox({
  10.     direction: 'h',
  11.    autoPlay: false,
  12. switchItems: 5,
  13. distance:1235
  14.     
  15.   });
  16.   $('#demo5-backward').click(function () {
  17.     $('#demo5').trigger('backward');
  18.   });
  19.   $('#demo5-forward').click(function () {
  20.     $('#demo5').trigger('forward');
  21.   });
  22. });
  23. </script>
  24. <div class="container">
  25.   <div class="body-content">
  26.     <div id="demo5" class="scroll-img">
  27.       <ul>
  28.               <li>
  29. <a href="#">
  30. <div class="in">
  31.                        <img src="../image2.jpg" />
  32. <h2 class="lesson_name" >Divine Quality</h2>
  33.                        <h1 class="lesson_sum">dtjngiu dgi nt ugige rtghin rgnnn thrnhnr rtnrn ngnrg rjnri.</h1>
  34. </div>
  35. </a>
  36.                         </li>
  37.         <li>
  38. <a href="#">
  39. <div class="in">
  40.                         <img src="../image2.jpg" />
  41. <h2 class="lesson_name" >Divine Quality</h2>
  42.                        <h1 class="lesson_sum">dtjngiu dgi nt ugige rtghin rgnnn thrnhnr rtnrn ngnrg rjnri.</h1>
  43. </div>
  44. </a>
  45.                         </li>
  46.          </ul>
  47.     </div>
  48.     <div id="demo5-btn" class="text-center">
  49.       <button class="btn" id="demo5-backward"><i class="icon-chevron-left"></i> Backward</button>
  50.       <button class="btn" id="demo5-forward">Forward <i class="icon-chevron-right"></i></button>
  51.     </div>
  52.   </div>
  53. </div>