get width of a select

get width of a select

I am trying to get width of the select box  but not doing it write please advice me.

here is my html
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns:wicket="http://wicket.apache.org/"> 
  4. <head>
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6.   <link rel="stylesheet" href="chosen/chosen.css" />
  7.  
  8.   <script src="jquery-1.7.min.js" type="text/javascript"></script>
  9.   <script src="chosen/chosen.jquery.js" type="text/javascript"></script>
  10. <script type="text/javascript" id="chosen"><!--/*--><![CDATA[/*><!--*/

  12. $(document).ready(function(){
  13. $('.chzn-select').each(function(){
  14. if($(this).is(":visible")){
  15.   $(this).chosen({allow_single_deselect: true });
  16. }else{
  17. var width=$(this).width();
  18. console.log(width);
  19. $(this).chosen({allow_single_deselect: true,width: width });
  20. }
  21. });
  22. });    
  24. /*-->]]>*/</script> 
  25. <script type="text/javascript" id="chosen"><!--/*--><![CDATA[/*><!--*/

  27. $(document).ready(function(){
  28. $('.showhide').live('click',function (event){
  29. var divContent=$(this).next("div");
  30. divContent.toggle();
  31. });
  32. });    
  34. /*-->]]>*/</script> 
  35. <script>


  38. </script>

  40. </head>
  41. <body>


  44. <div class="showhide">
  45. click here
  46. </div>
  47. <div style="display: none;">
  48. <label for="program">Grant Program:</label>
  49. <select class="chzn-select" wicket:id="infGrantProgram" id="program"   style="width:300em;"  >  
  50. <option value=""></option>
  51. <option value="114">AD - DEVELOPMENTAL DISABLITIES - 94006</option>
  52. <option value="372">ADDDDC - Developmental Disabilities Councils - 93630</option>
  53. <option value="371">ADDPA - Developmental Disabilities Protection &amp; Advocacy - 93630</option>
  54. </select>
  55. </div>
  56.                   
  57. <div >
  58. <label for="program">Grant Program1:</label>
  59. <select class="chzn-select" wicket:id="infGrantProgram" id="program"   style="width:300px;"  >  
  60. <option value=""></option>
  61. <option value="114">AD - DEVELOPMENTAL DISABLITIES - 94006</option>
  62. <option value="372">ADDDDC - Developmental Disabilities Councils - 93630</option>
  63. <option value="371">ADDPA - Developmental Disabilities Protection &amp; Advocacy - 93630</option>
  64. </select>
  65. </div>

  67.   
  68.   </body>
  69. </html>