title: Update data in web and save it in CSV file
body: <p>I have made a table that has a Edit and Delete<img src="https://i.stack.imgur.com/4O89e.jpg" alt="enter image description here"></p>
  
  <p>the data inside the table is coming from CVF file I am not using database here.</p>
  
  <p>what i need to do is when i click the Edit it will allow me to edit the row where the clicked edit place and when i save it, it will update the table and also the data in CSV file.</p>
  
  <p>How can i do that. I am using codeigniter here</p>
  
  <p>I tried this code but its not working.</p>
  
  <pre><code>function Edit()
          {
              var par = $(this).parent().parent(); //tr
              var f1 = par.children("td:nth-child(1)");
              var f2 = par.children("td:nth-child(2)");
              var f3 = par.children("td:nth-child(3)");
              var f4 = par.children("td:nth-child(4)");
              var f5 = par.children("td:nth-child(5)");
              var f6 = par.children("td:nth-child(6)");
              var f7 = par.children("td:nth-child(7)");
              var f8 = par.children("td:nth-child(8)");
              var f9 = par.children("td:nth-child(9)");
              var f10 = par.children("td:nth-child(10)");
              var f11 = par.children("td:nth-child(11)");
              var f12 = par.children("td:nth-child(12)");
              var f13 = par.children("td:nth-child(13)");
              var f14 = par.children("td:nth-child(14)");
              var f15 = par.children("td:nth-child(15)");
              var f16 = par.children("td:nth-child(16)");
  
              var fbtn = par.children("td:nth-child(17)");
  
              f1.html("&lt;input type='text' id='txtf1' value='"+f1.html()+"'/&gt;");
              f2.html("&lt;input type='text' id='txtf2' value='"+f2.html()+"'/&gt;");
              f3.html("&lt;input type='text' id='txtf3' value='"+f3.html()+"'/&gt;");
              f4.html("&lt;input type='text' id='txtf4' value='"+f4.html()+"'/&gt;");
              f5.html("&lt;input type='text' id='txtf5' value='"+f5.html()+"'/&gt;");
              f6.html("&lt;input type='text' id='txtf6' value='"+f6.html()+"'/&gt;");
              f7.html("&lt;input type='text' id='txtf7' value='"+f7.html()+"'/&gt;");
              f8.html("&lt;input type='text' id='txtf8' value='"+f8.html()+"'/&gt;");
              f9.html("&lt;input type='text' id='txtf9' value='"+f9.html()+"'/&gt;");
              f10.html("&lt;input type='text' id='txtf10' value='"+f10.html()+"'/&gt;");
              f11.html("&lt;input type='text' id='txtf11' value='"+f11.html()+"'/&gt;");
              f12.html("&lt;input type='text' id='txtf12' value='"+f12.html()+"'/&gt;");
              f13.html("&lt;input type='text' id='txtf13' value='"+f13.html()+"'/&gt;");
              f14.html("&lt;input type='text' id='txtf14' value='"+f14.html()+"'/&gt;");
              f15.html("&lt;input type='text' id='txtf15' value='"+f15.html()+"'/&gt;");
              f16.html("&lt;input type='text' id='txtf16' value='"+f16.html()+"'/&gt;");
              fbtn.html("&lt;a class='btnSave'&gt;Save&lt;/a&gt;");
  
              $(".btnSave").bind("click", Save);
              $(".btnEdit").bind("click", Edit);
              $(".btnDelete").bind("click", Delete);
          };
  </code></pre>