将输入转换为文本而不影响表列

Question

我正在使用HTML，PHP和JavaScript。我试图创建一种可以将输入转换为文本的表单。但是问题是，当我单击按钮时，所有列都会受到影响。

这是我的输入表代码：

<td>
  <form method="POST" name="f1" action="<?php echo htmlspecialchars($_SERVER['PHP_SELF']) ?>">
     <input type="text" name="amount" id="fileserver" placeholder="Please Enter Amount">
     <div id="test"></div>
     <div class="col-md-1 col-sm-1 col-1 text-right">
        <button class="btn btn-primary" onclick="disable_all();">SUBMIT</button>
     </div>
   </form>
 </td>

这是我的JavaScript代码：

<script>
        function disable_all()
        {
        $( "form" ).html($( "#fileserver" ).val());
        }
</script>

当我尝试输入值时，所有行都会受到影响。如何解决这种问题？如何在不影响其他列的情况下输入值？我希望有人会尝试解决此问题。谢谢。

FIDDLE FOR FULL REFERENCE