title: How to pass two values from ajax
body: <p>Currently I'm pass one value from ajax to php using onlick event.this is my onclick</p>
  
  <pre><code>&lt;a href="#" id="&lt;?php echo $row['cat_id'];?&gt;" onclick="showCat(this.id)" &gt;click &lt;/a&gt;
  </code></pre>
  
  <p>and this is my ajax code</p>
  
  <pre><code>function showCat(id) {
      //get the selected value
  
      //make the ajax call
      $.ajax({
          url: 'ajax_categ.php',
          type: 'GET',
          data: {option : id},
          success: function(data) {
             document.getElementById('meal').innerHTML =data;
          }
      });
  
  }
  </code></pre>
  
  <p>what i want to do is,i want to pass another value from ajax code.
  this is  i want to pass value</p>
  
  <pre><code>&lt;input type="text" value="&lt;?php echo $resname;?&gt;" name="another"  /&gt;
  </code></pre>