title: unable to pass ajax post in java script method
body: <p>i came across with a minor conflict while i am reading the html image value and passing value data in java script method works fine, and in ajax POST to pass the value towards controller, and unforunelty ajax point the controller over break point but the string Country parameter is null (passing a null value =), may i know the reason why please ! Thank you ! </p>
  
  <pre><code>public ActionResult Prayer_Schedule(string Country){
  
  }
  
  
  &lt;img src="~/images/flags/india.jpg" value="india" onclick="choose(this);"&gt;
  
  &lt;script type="text/javascript"&gt;
  
      function choose(element) {
          var Country = element.getAttribute("value"); 
          $.ajax({
              type: 'POST',
              url: '../Home/Prayer_Schedule',
              data: {
                  Country: Country,
              },
              contentType: 'application/json; charset=utf-8',
              dataType: 'json',
              async: false,
              cache: false,
              timeout: 100000,
              success: function (response) {
                  alert('ajax success: ' + response);
                  //location.href = "/thankyou.html";
              }
          });
  </code></pre>