How to create multiple instances of a Jquery widget in a page?

How to create multiple instances of a Jquery widget in a page?

I have created a widget. I want to create multiple instances of the widget in the same page. On doing so, i am getting a problem, What are all the values, in the first instance are same in the subsequent instances.

  1.  $.widget('srgtech.logicbuilder', {
  2.         
  3.         config: {
  4.             MetaData: {},            
  5.             WizJSON: '',
  6.             PageJSON: [], // an array of object contains pageid and its title. ex: { id: 1, title: 'Home Page' }
  7.             SectionJSON: [], // an array of object contains sectionid and its title. ex: { id: 1, title: 'Home Section' }
  8.             QueJSON: [] // an array of object contains questioid and its title. ex: { id: 1, title: 'How many alphabets is in English language?' }
  9.         },
  10.   // Code intentionally left blank
  11. }
I am extending the config, with the options property of the widget inside the create method. I am performing some calculations and fill the values in the PageJSON, SectionJSON, QueJSON.

Now, when i create another instance, the PageJSON, SectionJSON, QuesJSON values are displaying the previous widget instance values. It should be an empty array.

Somehow  the values are being shared among the instance. 

How can i keep it separate.