Well after two days and pouring over documentation and reading in this thread I've been able to make this work. So please forgive me if my description of the solution is poor; this is the first time I answer one of these types of threads. Since it took me so long to find the problem I figured it is worth saving some soul from falling into this same problem.

The source for my help came from the above link by byterot.

1. First thing I did was to create a DelegatingHandler. So in my helper folder or where every you want to create a class and call it what you want.
   Here is mine:

   public class ContentTypeHandler : DelegatingHandler
   {
       /** Check that this is an IE browser. */
       if ((request.Headers.UserAgent.ToString().IndexOf("MSIE", System.StringComparison.Ordinal) > -1))
       {
           MediaTypeHeaderValue contentTypeValue;
           if (MediaTypeHeaderValue.TryParse("application/json", out contentTypeValue))
           {
               request.Content.Headers.ContentType = contentTypeValue;
               request.Content.Headers.ContentType.CharSet = "utf-8";
           }
       }
   
       /** Return request to flow. */
       return base.SendAsync(request, cancellationToken)
          .ContinueWith(task =>
          {
               // work on the response
               var response = task.Result;
               return response;
          });
   }
   

2. Last think that you have to do is call the Handler in your Global.asax.cs file inside your Application_Start():

   GlobalConfiguration.Configuration.MessageHandlers.Add(new ContentTypeHandler());
   

That's all I did and it worked. So good luck I hope this helps someone.