title: Bootstrap modal Uncaught TypeError: Object [object Object] has no method 'modal'
body: <p>Trying to work with bootstrap I am getting an error written in title</p>
  
  <p>my code </p>
  
  <pre><code>function closeDialog () {
      $('#windowTitleDialog').modal('hide'); 
  };
  </code></pre>
  
  <p>these are the files included </p>
  
  <pre><code>  &lt;link href="http://static.scripting.com/github/bootstrap2/css/bootstrap.css" rel="stylesheet"&gt;
    &lt;script src="http://static.scripting.com/github/bootstrap2/js/jquery.js"&gt;&lt;/script&gt;&lt;style type="text/css"&gt;&lt;/style&gt;
    &lt;script src="{{=URL(request.application,'static','js/bootstrap-transition.js')}}"&gt;&lt;/script&gt;
    &lt;script src="http://static.scripting.com/github/bootstrap2/js/bootstrap.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"src="{{=URL(request.application,'static','js/modal.js')}}"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>any suggestions??</p>