title: MiniProfiler to profile my ajax requests
body: <p>How do I get MiniProfiler to profile my ajax requests</p>
  
  <p>For example:</p>
  
  <pre><code>&lt;div id="nav"&gt;
   &lt;ul&gt;
      &lt;li onclick="javascript:updateContent(1);"&gt;foo 1&lt;/li&gt;
      &lt;li onclick="javascript:updateContent(2);"&gt;foo 2&lt;/li&gt;
      &lt;li onclick="javascript:updateContent(3);"&gt;foo 3&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div id="content"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      function updateContent(productId) {
  
          $.ajax({
              url: '@Url.Action("GetProduct", "Product")',
              contentType: 'application/html; charset=utf-8',
              type: 'GET',
              dataType: 'html',
              traditional: true,
              data: {
                  productId: productId
              }
          })
              .success(function (result) {
                  // Display the section contents.
                  $('#content').html(result);
              })
              .error(function (xhr, status) {
                  alert(xhr.responseText);
              });
          }
  &lt;/script&gt;
  </code></pre>
  
  <p>I would like to see the performance of each updateContent.</p>
  
  <p>Any ideas?</p>
  
  <p>I am using Asp.net MVC 3 and MiniProfiler 1.9 installed via NuGet</p>