jquery exclude data out of object when sending via ajax
<p>I am sending post data via ajax, and that data looks like this:</p>

<pre><code>var cardProperties = {
    container: $("#cardContainer"),
    elementsWrapper: $("#cardElementsWrapperBorder"),
    size: 0, //0 -&gt; (90x50mm &lt;-&gt; 510px x 283px), 1-&gt; (85x55mm &lt;-&gt; 482px x 312px)
    position: "h", //default horizontal
    bgImagesPath: "media/images/designs/backgrounds/", //path to card bg images
    floatingImagesPath: "media/images/designs/floating-images/", //path to card bg images
    imagesPerPage: 8,
    innerBorderMargins: 40, //this should be divided by 2 to get the actual margin
    currentCardSide: 1
};
</code></pre>

<p>So basicly there is some usual data, but fields like <code>container</code> or <code>elementWrapper</code> is probably containing a lot of information about that object and also it's child objects, so this is causing me very ugly error <code>Uncaught RangeError: Maximum call stack size exceeded</code> and since i don't need those two fields how could i exclude it from the object without deleting any of that info, since i will need that stuff later in my <code>js</code> script.</p>

<p><strong>EDIT</strong></p>

<p>Also here is my <code>ajax</code> code:</p>

<pre><code>$.post("server.php", {data: cardProperties},
   function(response){

   }
);
</code></pre>
