title: How do I add input type "file" in a new row?
body: <p>When a user adds a row in a table, it should display the input "file" feature under the "Image" column for each row so that the user can select a file for each row. But it does not display the file input within the row when I add a row.</p>
  
  <p>Below is the html code:</p>
  
  <pre><code>   &lt;table id="qandatbl" border="1"&gt;
      &lt;tr&gt;
          &lt;th class="image"&gt;Image&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Below is jquery code</p>
  
  <pre><code>function insertQuestion(form) {   
  
          var $tr = $("&lt;tr&gt;&lt;/tr&gt;");
          var $image = $("&lt;td class='image'&gt;&lt;/td&gt;");
  
          function image(){
  
          var $this = $(this);
          var $imagefile = $("&lt;input type='file' name='imageFile' id='imageFile' /&gt;").attr('name',$this.attr('name'))
                           .attr('value',$this.val())
  
              $image.append($imagefile);
  
          };
  
          $tr.append($image);
          $('#qandatbl').append($tr);
  
  
      }
  </code></pre>