Firefox vs Safari with JavaScript

Question

In Firefox, this code works like a charm...but in Safari, it doesn't execute...where am I going wrong?

$('#ul_stages li.stage').on('click', updateStageByClick);

function updateStageByClick() {
   var id = $(this).parent().attr('class').substr(6);
   var pid = $('form#data input[name=pid]').val();
   var stage = $(this).val();
   $.ajax({
     type: "POST",
     url: "/invite/stage",
     data: {project: pid, user: id, stage: stage},
     dataType: 'json',
     success: update
   });
   return false;
}

<ul id="ul_stages" class="stage_<?= $profile['user_id'] ?>">
   <li>SELECT STAGE:</li>
   <li class="stage_unviewed stage" value="0">Unviewed</li>
   <li class="stage_viewed stage" value="1">Viewed</li>
</ul>

Answer 1

尝试使用此：

$('form#data input[name="pid"]').val();