分配一個HTML值JavaScript變量

Question

我有以下的Javascript功能，允許我到一個新的行添加到我的表：

$(function() { 

var $table = $('table.pv-data'), 
    counter = 1; 

$('a.add-author').click(function(event){ 
    event.preventDefault(); 
    counter++;    
var newRow = 
     '<tr>' + 
      '<td><input type="text" name="id' + counter + '"/></td>' + 
      '<td><select name="state' + counter + '"/><OPTION value= "persil">Persil</OPTION><OPTION value= "other">Other</OPTION></select></td> ' + 
      '<td><input type="text" name="longitude' + counter + '"/></td>' + 
      '<td><input type="text" name="latitude' + counter + '"/></td>' + 
      '<td><input type="text" name="altitude' + counter + '"/></td>' + 
      '<td><input type="text" name="module_tilt' + counter + '"/></td>' + 
      '<td><a href="#" class="remove">remove</a></td>' 
     '</tr>'; 
    $table.append(newRow); 
    }); 
}); 

一切正常，只是一部分，我不得不之間進行選擇選項：「Persil」或「Other」不起作用。它沒有顯示不同的選項。