title: Find Content Page Url in MVC 4 using jQuery / Javascript
body: <p>I have MVC4 application which contains views and partial views. </p>
  
  <p>1) View Pages (Home.cshtml,Index.cshtml) </p>
  
  <p>2) PartialViews(View1.cshtml,View2.cshtml,View3.cshtml)</p>
  
  <p>3) I have 3 buttons(Button1,Button2,Button3) in www.example.com/Home page </p>
  
  <p>The buttons are</p>
  
  <pre><code>&lt;button id="btn1" type="button" onclick="btn1Click(this);"&gt; View1 &lt;/button&gt;
  &lt;button id="btn2" type="button" onclick="btn2Click(this);"&gt; View1 &lt;/button&gt;
  &lt;button id="btn3" type="button" onclick="btn3Click(this);"&gt; View1 &lt;/button&gt;
  </code></pre>
  
  <p>When click on these buttons I display those respective partial views in the Home page(content section). I wrote that code in Javascript function(<strong>btn1Click(button)</strong>) in <strong>.js file</strong>. Incase if we have more number of partial view to display in the content of home page, then how can we track the Path(our project file path) of those partial views using jQuery/Javascript.
  If we use </p>
  
  <pre><code>Window.location.href
  </code></pre>
  
  <p>we will get the main url(www.example.com/Home page), but when user click on those buttons(button1/button2/button3) I need to find the <strong>partial view path nothing but project path (ProjectName/PartilaViews/View1.cshtml)</strong> or  <strong>(ProjectName/PartilaViews/View2.cshtml)</strong> or  <strong>(ProjectName/PartilaViews/View3.cshtml)</strong> using jQuery/Javascript. </p>
  
  <p>I don't want to change the functionality / procedure(above process), </p>