jquery not properly serializing json in ajax call
<p>Let me start by saying I am not extremely familiar with Javascript and I cannot figure out what is going on here. </p>

<p>I have the following function: </p>

<pre><code>        self.search = function () {

            var searchTerms = {
                "City":  this.cityName,
                "State": this.stateName,
                "StoreNumber": this.storeNumber,
                };                


                $.ajax("/api/SearchApi", {
                    data: searchTerms,
                    type: "POST", contentType: "application/json",
                    success: function (result) {
                        alert(result);                            
                        }
                    }
                });
</code></pre>

<p>When I submit, what happens is that instead of submitting a nice JSON object as expected, it submits a JSON objected formatted as so: <code>"City=testing&amp;State=AL&amp;StoreNumber=test "</code></p>

<p>Ideally I would like to use a GET method that passes the object to my server so that I can return the results, but when I use a get method, it simply appends the above to the API call url resulting in a URL request formed as so: <code>http://localhost:57175/api/SearchApi?City=testing&amp;State=AL&amp;StoreNumber=test</code></p>

<p>Any help would be appreciated. </p>
