在表行鼠标悬停时显示提交按钮

首先，请原谅我是Javascript和PHP的初学者。

第二：我有一个包含一些订单信息的表格，每行的第一个单元格由一个提交按钮组成，该按钮会将该行的信息发送到将显示该信息的第二页。

我写了一个小的Javascript函数，以便提交按钮被隐藏，直到有人将鼠标悬停在它们上面。但我的问题是按钮的提交 ID 分配给第一个按钮，因此无论我将鼠标悬停在哪一行上，都只显示第一个提交按钮。

显示功能如下：

    function showButton(id) 
    {
        var e = document.getElementById(id);
        if(e.style.display == 'block')
           e.style.display = 'none';
        else
           e.style.display = 'block';
    }

该行定义为：

    tr onmouseover='showButton("submitButton");'
                   onmouseout='showButton("submitButton");'>

每次迭代新行时生成的按钮是：

    input type='submit' id='submitButton' value='Submit' 
                   style='cursor: pointer; display: none;' />

任何帮助将不胜感激。我希望鼠标悬停时每行旁边都出现正确的提交按钮。