title: ajax call not hitting MVC Action Result
body: <p>I have a ajax call that needs to hit my MVC Action Result.
  I am getting the success method to fire.  It shows the ID that I'm wanting.  When I debug my breakpoint is never hit, nor does the method logic fire (redirect to Google in this case).</p>
  
  <p>Basically, I have a list of songs and when the play icon is clicked, I want the Id passed to my controller through ajax so I can count it and save the play count to my database.</p>
  
  <p>Here is my script:</p>
  
  <pre><code>$(document).ready(function() {
      $('.playbtn').click(function () {
          var clickedSongId = $(this).find('i').data('songid');
          var fightsong = { Id: clickedSongId };
          $.ajax({
              type: "POST",
              url: '@Url.Action("UpdatePlayCount", "Team")',
              contentType: "application/json; charset=utf-8",
              //data: fightsong,
              data: fightsong,
              dataType: "json",
              success: function () { alert('Success'); },
              error: function (data) {
                  alert(clickedSongId);}
          });            
      });
  });
  </code></pre>
  
  <p>Here is my Controller:</p>
  
  <pre><code>[HttpPost]
  public ActionResult UpdatePlayCount(int id)
   {
      return Redirect("http:www.google.com");
   }
  </code></pre>