title: Mozilla rest client post json object
body: <p>I am using <code>Mozilla fire fox</code> add-on <code>RESTClient</code> to test my web-services. Up to this I was using <code>POST</code> method by setting header <code>Content-Type:application/x-www-form-urlencoded</code> and data separated by <code>&amp;</code> in request body e.g. <code>id=1&amp;title=abc</code></p>
  
  <p>But now I want to <code>POST</code> the <code>JSON</code> object to using the same service. The sample objects are as below : </p>
  
  <pre><code>[
      {
           "id": 4
           "type":"alpha", 
           "title":"Title1"
      }
  ]
  </code></pre>
  
  <p>OR </p>
  
  <pre><code>[
      {
           "id": 4
           "type":"alpha", 
           "title":"Alpha"
      },
      {
           "id": 5
           "type":"beta", 
           "title":"Beta"
      },
      {
           "id": 6
           "type":"gama", 
           "title":"Gama"
      }
  ]
  </code></pre>
  
  <p>OR </p>
  
  <pre><code>[
      {
          "id": 5,
          "type":"beta", 
          "title":"Sample beta", 
          "children":[{
                  "id": 6,
                  "type":"betachild", 
                  "title":"Beta child 1"
              },
              {
                  "id": 7,
                  "type":"betachild", 
                  "title":"Beta child 2"
              },
              {
                  "id": 8,
                  "type":"betachild", 
                  "title":"Beta child 3"
              }
          ]
      }
  ] 
  </code></pre>
  
  <p>OR </p>
  
  <pre><code>[
      {
          "id": 5,
          "type":"beta", 
          "title":"Sample beta", 
          "children":[{
                  "id": 6,
                  "type":"betachild", 
                  "title":"Beta child 1"
              },
              {
                  "id": 7,
                  "type":"betachild", 
                  "title":"Beta child 2"
              },
              {
                  "id": 8,
                  "type":"betachild", 
                  "title":"Beta child 3"
              }
          ]
      }, 
      {
          "id": 9,
          "type":"beta", 
          "title":"Sample gama", 
          "children":[{
                  "id": 10,
                  "type":"gamachild", 
                  "title":"Gama child 1"
              },
              {
                  "id": 11,
                  "type":"gamachild", 
                  "title":"Gama child 2"
              },
              {
                  "id": 12,
                  "type":"gamachild", 
                  "title":"Gama child 3"
              }
          ]
      }
  ] 
  </code></pre>
  
  <p>How can I pass such <code>JSON</code> object in <code>POST</code> request using <code>RESTClient</code> add-on? </p>