title: Compare user value to database and show result through ajax jquery
body: <p>Guys m working on my first live project and i am stuck at a point, where i need help with ajax jquery. i can do this with PHP but i wanna do this with ajax.</p>
  
  <p>Here if user enter a product code ,so i want to compare this product code  value into my database and show product name in my other form ,which will open after user input value:</p>
  
  <p><a href="https://i.stack.imgur.com/zjkDd.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zjkDd.jpg" alt="enter image description here"></a></p>
  
  <p>Here in first field i want product name:</p>
  
  <p><a href="https://i.stack.imgur.com/Pttlc.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Pttlc.jpg" alt="enter image description here"></a></p>
  
  <p>Here in my table you can see product code and product name:</p>
  
  <p><a href="https://i.stack.imgur.com/yVLj7.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yVLj7.jpg" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/r3ByG.jpg" rel="nofollow noreferrer">ok so here is my html code in last option when user enter product code</a></p>
  
  <p><a href="https://i.stack.imgur.com/Pmo26.jpg" rel="nofollow noreferrer">Here is jquery i am sending user data to 8transectiondata.php to compare</a></p>
  
  <p><a href="https://i.stack.imgur.com/fg9cn.jpg" rel="nofollow noreferrer">And this is php file and i want $data['product_name']; to show </a></p>