http get request hit the apiodata controller works fine but not return to success

Question

I am using angular js and doing http get request to get the database records. the http request hit the apiodata controller and get the database records correctly but its returning Failed to load resource: the server responded with a status of 406 (Not Acceptable) . please help me to resolve this. i am testing this using fiddler also. return 406.

model

public class Blog
{
    public int BlogId { get; set; }
    public string Name { get; set; }
   [JsonIgnore]
    public virtual List<Post> Posts { get; set; }
}
public class Post
{
    public int PostId { get; set; }
    public string Title { get; set; }
    public string Cotent { get; set; }

    public int BlogId { get; set; }
     [JsonIgnore]
    public virtual Blog Blog { get; set; }
}

angular js controller js

aboutmeApp.controller("oDataCRUDController", function ($scope, $http) {
$scope.ShowPosts = function () {

    $http({
        method: 'GET',
        url: 'odata/BlogoData',
        headers: { 'Content-Type': 'application/json' }
    }).success(function (data) {

        $scope.result = data;

    })
}
});

oData API controller

 public class BlogoDataController : ODataController
{
    private BlogDB db = new BlogDB();

    // GET odata/BlogoData

    public List<Post> GetBlogoData()
    {
        var result = db.Posts.ToList();
        return result.ToList();
    }
 }