title: How to fill a textbox based on its previous textbox value using ajax
body: <p>i have a from like this</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="row1"&gt;
    &lt;input type="text" class="pinCode" name="pin[]" value=""&gt;
    &lt;input type="text" class="areaName" name="location[]" value=""&gt;
  &lt;/div&gt;
  &lt;div class="row1"&gt;
    &lt;input type="text" class="pinCode" name="pin[]" value=""&gt;
    &lt;input type="text" class="areaName" name="location[]" value=""&gt;
  &lt;/div&gt;
  &lt;div class="row1"&gt;
    &lt;input type="text" class="pinCode" name="pin[]" value=""&gt;
    &lt;input type="text" class="areaName" name="location[]" value=""&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I have a table in database named "city" with two column "pincode" and "cityname".
  As I am filling the pinCode textbox ,I want to populate CityName textbox with city's name respective to input pincode.
  please suggest some Jquery or ajax codes and php success page as i am a beginer.</p>