My ajax call is not working in Chrome and Firefox <p>Hi My ajax call is not working in chrome and firefox but it is in Safari. I am not able to figure it out as it is working on all browsers locally. My site is recently had SSl certificate.Is that something causing problem? I am not sure. For reference below is my Ajax function</p> <pre><code>&lt;script type="text/javascript"&gt; //&lt;![CDATA[ $(function () { $("#selectReport").hide(); $("select#countryId").change(function () { var manu = $("#manufacturerId option:selected").text(); $("#Manufacturer").val(manu); $("#selectReport").show(); }); $("select#reportId").change(function (e) { e.preventDefault(); var country = $("#countryId option:selected").text(); $("#CountryName").val(country); }); $("select#reportId").change(function (event) { event.preventDefault(); var reportName = $("#reportId option:selected").text(); var manufacturer = $("#Manufacturer").val(); var countryName = $("#CountryName").val(); var theUrl = "/Reports/GetReport/" + reportName + "/" + manufacturer + "/" + countryName; $.ajax({ url: theUrl, type: 'get', success: function (data) { alert("I am success"); $('#ajaxOptionalFields').html(data); }, error: function () { alert("an error occured here"); } }); }); }); //]]&gt; &lt;/script&gt; </code></pre>