title: jquery Ui tooltip from partial view mvc
body: <p>I'm wondering is it possible to have a partial view display in a tooltip. I'm trying to design a page that has a group of students and when I hover over a student some details appear about them, a list of their subjects and some other details. I know I can put the items in the title, but I can't get all the info I need from there, and my details view has the info I need. Thanks in advance</p>
  
  <p>Here's my current code</p>
  
  <pre><code>IEnumerable&lt;StudentApp.Models.Student&gt;
  
  @foreach (var item in Model)
  {  &lt;div class="col-md-2 col-sm-4"&gt;
  
             &lt;img  title="@item.Name, @item.StudentNo " class="img img-responsive" src="@item.StudentPic" /&gt;
  
  &lt;/div&gt;
  
  }
  
      @section scripts
  {
    &lt;script type="text/javascript"&gt;
        $(document).ready(function () {
            $(document).tooltip();
        });
     &lt;/script&gt;
  }
  </code></pre>
  
  <p>Here's my details view</p>
  
  <pre><code>  &lt;div class="display-label"&gt;
       @Html.DisplayNameFor(model =&gt; model.Name)
  &lt;/div&gt;
  &lt;div class="display-field"&gt;
      @Html.DisplayFor(model =&gt; model.Name)
  &lt;/div&gt;
  
  
  &lt;div class="display-label"&gt;
       @Html.DisplayNameFor(model =&gt; model.StudentNo)
  &lt;/div&gt;
  &lt;div class="display-field"&gt;
      @Html.DisplayFor(model =&gt; model.StudentNo)
  &lt;/div&gt;
  
  @foreach (var item in Model.Students)
  {
     &lt;li&gt;@item.Course&lt;/li&gt;
  }
  </code></pre>