title: JQuery Widget - Pass options by reference
body: <p>I have two JQuery widgets, one is a sort of 'main' widget, the other could be considered a child. The child handles gathering specific data which is required by the main. The main is used with AJAX requests. So, the main has a set of options which are sent to the server. One of these options is also an option in the child.</p>
  
  <p>To make this more clear, I have a main widget which has a few options. It then creates and appends a child widget. This child widget has an additional option that is required to be filled in the main widget before an AJAX request may be sent. In order to make this work, I am passing to the child: this.options.someArray</p>
  
  <p>This works fine, however when changes are made to that array in the child widget, they never reach back to the main widget. This means the AJAX request sends an empty array in this place. How can I fix this?</p>
  
  <p>[If this is not standard behavior - I can post a code sample]</p>
  
  <p>Code sample for main Widget:</p>
  
  <pre><code>$.widget('be.deckEditor', {
    options: {
      deck: { name: "", id: 0, cards: [],  tags: [] }
    },
  </code></pre>
  
  <p>Code to create child Widget:</p>
  
  <pre><code>tagEditBox = $('&lt;div&gt;');
  tagEditBox.tagEditor({tags:this.options.deck.tags});
  </code></pre>
  
  <p>Widget _Init code:</p>
  
  <pre><code>_init: function () {
    this.options.tags = ['ace','two'];
  },
  </code></pre>