title: How to store a dictionary of dictionaries in jQuery
body: <p>I have a problem where, I can create a table with lets say "x" rows and "y" columns. And create "n" of these tables. (Each having different rows and columns.)
  <img src="https://i.stack.imgur.com/CLsyK.jpg" alt="Table Image"></p>
  
  <p>We can create table using this <a href="https://gist.github.com/jineeshjohn/2044414" rel="nofollow noreferrer">Excellent Table Creation</a></p>
  
  <p>Now each cell in these tables will contain some data. So I want to store this data and then use it in my post request. </p>
  
  <p>i.e. What I want is to be able to store </p>
  
  <pre><code>{Table 1 :
           { row1 :
                   {
                     col1:
                          Data1
                   }
           }
  }, 
    {Table 1 :
               { row1 :
                       {
                         col2:
                              Data2
                       }
               }
      }, 
  </code></pre>
  
  <p>How can this be implemented in Javascript ? 
  Please comment if the question is not clear. </p>