title: javascript function doesn't work with two seperate pages
body: <p>I have this little code that should display a simple hello message from a page to page in my ASP.NET MVC 4 application :</p>
  
  <p>In index.cshtml</p>
  
  <pre><code>&lt;a href="@Url.Action("About","Home")" id="clicked_link"&gt;Click here&lt;/a&gt;
  </code></pre>
  
  <p>In _Layout.cshtml</p>
  
  <pre><code>&lt;script type="text/javascript" &gt;
      $(document).ready(
      $("#clicked_link").click(function () {
          var url = '@Url.Action("FirstAjax","Ajax")';
          $.ajax({ url: url, success: setTimeout(function() {
              $("#result").val("Hello");
          }, 3000), type: 'POST', dataType: 'json', data: "Hello" });
      }));
  &lt;/script&gt;
  </code></pre>
  
  <p>In About.cshtml</p>
  
  <pre><code>&lt;textarea id="result"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>I need my link that will trigger the function in my Index.html page and the textarea that will contain the result in my About.cshtml page. I have put the javascript in the _Layout.csthml in order to have the possibility to have a script that interacts with the two pages. The script works fine when I put the link and the textarea wich contains the result in the same page. Am I missing something here ?</p>