title: How to get ID of input field from form using jQuery element selector
body: <p>I have form with each input field unique id and I have attached jquery on 'input' to form. I want to get id of field on which user change some value using jquery function. I am missing some puzzle in following code in alert(".... statement</p>
  
  <pre><code> $(document).ready(function () {
  
      $("#CreateStudentProfileForm").on('input', function () {
  
          alert($(this).find().closest().attr('id'));
  
      });
  
  });
  </code></pre>
  
  <h2>html form</h2>
  
  <pre><code>&lt;input class="form-control text-box single-line valid" data-val="true" data-val-number="The field Student UWL ID must be a number." data-val-range="Only Number Allowed" data-val-range-max="2147483647" data-val-range-min="0" data-val-required="Require Your Student UWL ID" id="StudentNumber_UWLID" name="StudentNumber_UWLID" value="" type="number"&gt;
  </code></pre>
  
  <p>I have many instances of input field like above</p>