i am tring to return custom json object from javascript function my code is as below

Fiddle

html

<input type='checkbox' name='chk[]' value='1'>1

<input type='checkbox' name='chk[]' value='2'>2

<input type='text' id='txt' value='' />

<input id='btn' type='button' value='click' />​

js

var json = {};



$('#btn').click(function(){

  console.log(getdata());

});

function getdata(){

  $('input:checked').each(function(i){

      json.chk = $(this).val();

      //json.chk.push({val: $(this).val()}); gives error Uncaught TypeError: Cannot call method 'push' of undefined

  });



  json.txt = document.getElementById(txt).value;



 return json;

}

​
i need result like below

{

  chk: [{val: 1}, {val: 2}],

  txt: 'test'

};