将每个创建的对象添加到父对象

Question

我有一个函数可以获取用户输入并在单击按钮时创建对象。

我当前的输出。

{
  item   : "1",
  inputs : [
    {
      input : "1",
      input : "2",
      input : "3"
    }
  [
}

我想要做的是每次单击按钮时都会创建上面的对象，同时将此对象添加到另一个对象。

{
  count   : 2,
  object  : [
    {
      item   : "1",
        inputs : [
          {
            input : "1",
            input : "2",
            input : "3"
          }
        [
      },
      {
        item   : "2",
        inputs : [
          {
            input : "1",
            input : "2",
            input : "3"
          }
        [
      }
    }

有没有人有办法实现这个目标？

$('#clickMe').on('click', function() {
  var MyObj = []
  var inputs = $('[name="input[]"]').map(
    function() {
      return $(this).val();
    }).get();

  var length = inputs.length;
  data = []

  for (var i = 0; i < length; i++) {
    var element = {
      "input": inputs[i]
    }
    data.push(element);
  }

  var item = {
    "item": $('#item').val(),
    "inputs": data
  }
  //console.log(item);
  MyObj.push(item);
  console.log(MyObj);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="item" value="">Item #
<br/>
<br/>
<input id="one" name="input[]" value="">
<input id="two" name="input[]" value="">
<input id="three" name="input[]" value="">
<br/>
<button id="clickMe">
Click Me
</button>