title: JQuery and CSS file is not working from external file
body: <p>I am trying to access the jQuery from external file put it is not working on my page. I checked my code and also searched in internet but not finding my mistake...</p>
  
  <p>clearableformfield.jsp</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  
  &lt;script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="JQuery/jquery.clearable.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="JQuery/jquery.clearable.css" type="text/css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="dom"&gt;
  &lt;input type="text"  class="foo"&gt;&lt;/input&gt;
    &lt;/div&gt;
  &lt;script&gt;
  $(document).ready(function() {
      $('.foo').clearable();
  });&lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>jquery.clearable.js</strong></p>
  
  <pre><code>$(this).css({'border-width': '0px', 'outline': 'none'})
      .wrap('&lt;div id="sq" class="divclearable"&gt;&lt;/div&gt;')
      .parent()
      .attr('class', $(this).attr('class') + ' divclearable')
      .append('&lt;a class="clearlink" href="javascript:"&gt;&lt;/a&gt;');
  
  $('.clearlink')
      .attr('title', 'Click to clear this textbox')
      .click(function() {
  
          $(this).prev().val('').focus();
  
  });
  </code></pre>
  
  <p><strong>jquery.clearable.css</strong></p>
  
  <pre><code>.divclearable {
      border: 1px solid #888;
      display: -moz-inline-stack;
      display: inline-block;
      zoom:1;
      *display:inline;
      padding-right:5px;
      vertical-align:middle;
  }
  
  a.clearlink {
      background: url("close-button.png") no-repeat scroll 0 0 transparent;
      background-position: center center;
      cursor: pointer;
      display: -moz-inline-stack;
      display: inline-block;
      zoom:1;
      *display:inline;
      height: 12px;
      width: 12px;
      z-index: 2000;
      border: 0px solid;
  }
  
  #dom{
      background-color:#b0c4de;}
  }
  </code></pre>
  
  <p>All these file are inside the web content in the JQuery folder</p>