title: render view model on item click
body: <p>The situation is as follows: I have a <code>Product</code> model which has many properties and one is a List of <code>Photo</code> objects, each <code>Photo</code> object having an <code>ID</code> and a <code>Name</code>. There is a Carousel View having a model a list of <code>Photos</code>. In <code>Product</code> View I have something like this:</p>
  
  <pre><code>@if (Model.Photos.Count &gt; 0)
  {
      ....
      &lt;a href="javascript:jsFunction()".......
  </code></pre>
  
  <p>Where in javascript,the <code>jsFunction</code> looks like this:</p>
  
  <pre><code>function jsFunction()
  {
    alert('@Html.Action("GetPhotosCarousel", Model.Photos)');
  } 
  </code></pre>
  
  <p>and the Controller function returns the partial view <code>_PhotosCarousel</code>.</p>
  
  <p>Now, the problem that <code>@Html.Action</code> executes on rendering the main view, <strong>NOT ON CLICK</strong>.</p>
  
  <p>How can I render the view <code>PhotosCarousel</code> just on click and not on displaying the page?</p>