title: use relative path in jQuery load
body: <p>I have a .load jquery running in a file which I am accessing from this url</p>
  
  <pre><code>http://example.com/site_folder/case-studies/firstcase
  </code></pre>
  
  <p>Now the file has been saved under this directory</p>
  
  <pre><code>site_folder (dir)
       assets (dir)
          case_study_content (dir)
               file.txt (file)
  </code></pre>
  
  <p>My code is </p>
  
  <pre><code>$( "#slider li#"+nextId ).load( "../assets/case_study_content/file.txt #pickup");
  </code></pre>
  
  <p>it doesn't load the file content.</p>
  
  <p>Now if I keep the file under site_folder and do the load as </p>
  
  <pre><code> $( "#slider li#"+nextId ).load( "file.txt #pickup");
  </code></pre>
  
  <p>it works fine.</p>