title: Can't get dynamic table elements value using jquery
body: <p>I want to get the values of a dynamic created table but I couldn't figure out what is wrong. </p>
  
  <p>the table created in a php file or it creates in server side by calling it in jquery. </p>
  
  <p>for making it clear : in my html page I run a jquery method to load this table. </p>
  
  <p>then I need this table values to be able to edit them. but what I get instead of the element value is undefined. (when I alert the value)</p>
  
  <p>this is the jquery code : </p>
  
  <pre><code>//&lt;!-- ajax Post Request --&gt;
  $(function() {
      $('#edit_test_show').hide();
      $('#save_edit').hide();
      var vop_id = localStorage.getItem('op_id');
      $.post("Requests/OPS.php", //Required URL of the page on server
          { // Data Sending With Request To Server
              read_OPS: true,
              op_id: vop_id
          },
          function(response) { // Required Callback Function
              if (response) {
                  $("#result_table").html(response);
              }
          });
      //====================
      $('#enable_edit').on('click', function() {
          $('#edit_test_show').show();
          $('#enable_edit').hide();
          $('#save_edit').show();
      });
      $('#save_edit').on('click', function() {
          $('#edit_test_show').hide();
          $('#enable_edit').show();
          $('#save_edit').hide();
          var vop_id = localStorage.getItem('op_id');
          var vop_title = $('#result_table').find('#op_title').val();
          var vop_descrip = $('#result_table').find('#op_descrip').val();
          alert(vop_title);
      });
  });
  </code></pre>
  
  <p>html part which the table loads in : </p>
  
  <pre><code> &lt;form  method='post' class="form-inline"&gt;
         &lt;div class="form-group"&gt;
           &lt;div id="result_table"&gt;
            &lt;!--  dynamic op load --&gt;
           &lt;/div&gt;
         &lt;/div&gt;
   &lt;/form&gt;
  &lt;button type='button' id="enable_edit" class='btn btn-default'&gt;edit&lt;/button&gt;
  &lt;button type='button' id="save_edit" class='btn btn-default'&gt;save&lt;/button&gt;
  </code></pre>
  
  <p>and this is the php code which generate the table : </p>
  
  <pre><code>if($row=mysqli_fetch_assoc($read_op)) {
      echo "
      &lt;table class='styled-table' cellspacing='0' width='360' border='1' &gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;label for='mail_num' style='margin-right:10px;color:#595959;float: right;'&gt;شماره فرآیند : &lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;input name='op_id'  style='width:240px;height: 25px;margin:0 3px 0 3px;'
                  value='".$row['id']."'/&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;label for='op_title' style='margin-right:10px;color:#595959;float: right;'&gt;عنوان فرآیند  : &lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;input name='op_title'  style='width:240px;height: 25px;margin:0 3px 0 3px;'
                  value='".$row['op_title']."'/&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;
                  &lt;label for='op_descrip' style='margin-right:10px;color:#595959;float: right;'&gt;شرح فرآیند : &lt;/label&gt;
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;textarea name='op_descrip' class='textarea_2' rows='0' cols='0' &gt;".$row['op_descrip']."&lt;/textarea&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;div class='cleaner h20'&gt;&lt;/div&gt;";
  }
  </code></pre>