title: how to Get the value of input type hidden in modal using ajax
body: <p>Good day.. <br>
  i have modal and inside the modal i have div class</p>
  
  <pre><code>&lt;div id="user-details-content" class="modal-body"&gt;
     ...
  &lt;/div&gt;
  </code></pre>
  
  <p>i supply the content inside that modal using ajax. <br>
  this is the supplied content:</p>
  
  <pre><code>&lt;div id="hidden" class="hidden"&gt;
     &lt;input type="hidden" name="id" class="id" id="id" value="1"&gt;
     &lt;input type="hidden" value="email@email.com" class="email"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now i try to get that input type="hidden" using this ajax</p>
  
  <pre><code>var id = $(this).parents('#user-details-content').find('.id').val();
  </code></pre>
  
  <p>but it returns undefined in my console.log</p>
  
  <p>any suggestions ? on how to get that input type="hidden" and the value ?<br><br></p>
  
  <p>EDIT - This is my ajax function</p>
  
  <pre><code>function inquiryId(){
      var id = $(this).parents('#user-details-content').find('.id').val();
      console.log(id);
      $.ajax({
          url: 'php_file.php',
          type: 'POST',
          data: { id: id,
          },
          dataType: 'json',
          success: function(result){
              console.log(result);
          }
  
      });
  }
  </code></pre>