如何使用javascript在表中动态添加输入

我发现问题是我只能在第二个

count=1；
函数add_youtube_input（）{
如果（计数
count=1；
函数add_youtube_input（）
{ 
如果（计算）
count=1;
function add_youtube_input() { 
    if(count<50) {
        var newspan = document.createElement('span');
        newspan.innerHTML = '<input type="text" name="youtube[]" style="width:170px;margin-top:5px;" maxlength="250"/> \
            <strong> ชื่อเพลง :</strong> \
            <input type="text" name="music_name[]" id="textfield" style="width:200px;" maxlength="250" /> <br/>';
        document.getElementById('youtube_field').appendChild(newspan);
        count++;
    }   
}

<tr class="highlight">
    <td width="15%" height="20" align="right" style="position:relative; vertical-align:top;"><strong>Youtube :</strong>
        <span style="position:absolute;top:30px;left:80px;font-size:11px;color:red;">(ใส่เป็นรหัสไอดีของคลิป 11 หลัก) </span>
    </td>
    <td id="youtube_field" width="28%" align="left"><input type="text" name="youtube[]" id="textfield" style="width:170px;" maxlength="250" required/>
        <strong> Music name :</strong>
        <input type="text" name="music_name[]" id="textfield" style="width:200px;" maxlength="250" />
        <a href="javascript:void(0);" onClick="add_youtube_input();" style="color:blue;"> + เพิ่ม </a> <br/>
    </td>
</tr>