Jquery добавляет правила проверки для выбора динамически созданного

У меня возникли проблемы с динамически добавляемыми входными данными. особенно с вводом "выбрать"

Я уже пытался вручную проверить (wo Jquery validate), были ли отправленные входные данные правильными, но я столкнулся с такой же проблемой. «Обязательный» класс тоже не помогает.

Вот html:

<form id='myform'>
  <div>
    <div id = "addRow">+</div>
    <div id = "deleteRow">-</div>
  </div>
  <div>
    <table id = "tableex">
      <tr>
        <td>
          <select name = "selectbox[]" data-selected = "" class='selectdyna required'>
        <option value = "" selected = "selected" disabled = "disabled">env :</option>
        <option value = "1">option1</option>
        <option value = "2">option2</option>
        <option value = "3">option3</option>
        </select>
        </td>
      </tr>
    </table>
  </div>

  <div>
    <input type='submit' value='Validate'>
  </div>
</form>

вот мой js:

$(document).ready(function() {
  $("#addRow").click(function() {

    var str = "<tr>\n" +
      "                <td id=\"selecttd\">\n" +
      "                    <select name=\"selectbox[]\" class='selectdyna required' data-selected=\"\">\n" +
      "                        <option value=\"\" selected=\"selected\" >env :</option>\n" +
      "                        <option value=\"1\">option1</option>\n" +
      "                        <option value=\"2\">option2</option>\n" +
      "                        <option value=\"3\">option3</option>\n" +
      "                    </select>\n" +
      "                </td>\n" +
      "            </tr>";
    $("#tableex").append(str)
     $('#myform').validate();
        $('.selectdyna').rules('add',  { 'required': true });
  })
  $("#deleteRow").click(function() {
    if ($("#tableex tr").length > 1) {
      $("#tableex tr:last").remove();

    } else {
      alert("there must been one line minimum.")
    }
  })
})

вот ссылка на скрипку: https://jsfiddle.net/v3tj2c5u/