如何从jquery中的特定选项卡隐藏字段值中获取值

<div id="tabs">
  <ul>
    <li><a href="#tab1">选项卡1</a></li>
    <li><a href="#tab2">选项卡2</a></li>
    <li><a href="#tab3">选项卡3</a></li>
  </ul>
  <div id="tab1">
    <input type="hidden" id="hiddenField1" value="值1">
  </div>
  <div id="tab2">
    <input type="hidden" id="hiddenField2" value="值2">
  </div>
  <div id="tab3">
    <input type="hidden" id="hiddenField3" value="值3">
  </div>
</div>

$(document).ready(function() {
  $("#tabs").tabs({
    activate: function(event, ui) {
      if (ui.newPanel.attr('id') === 'tab1') {
        var value = $("#hiddenField1").val();
        console.log(value);
      }
    }
  });
});