title: Validate ajax html elements int existing form
body: <p>I have a form (validated using jQuery Validate) with a select box that, when changed, inserts new elements into form:</p>
  
  <pre><code>  ctype.on('change', function () {
      $.ajax({ url: '@Url.Action("GetDetails")', type: 'POST', data: { id: $(this).val(), cntr: $('#ID').val() } })
          .then(function (result) {
  
              $('#fields').html(result).show('clip', {}, 500);
          },
  </code></pre>
  
  <p>The problem is that I am not able to add validation rules because element.Form property Is null for these new elements (and it's quite right).
  Is there any workaround or special procedure to inform that these new elements belogs to that form? (Anyway, the post request is done correctly and I can see all the data on server side)</p>