Вопрос про скобки [ не работают div классы

<td class=xfields colspan="2"><input type="text" name="xfield[serii]" id="xfield[serii]" value="" />  </td>

<div style="display:none"><td class=xfields colspan="2"><input type="text" name="xfield[serii]" id="xfield[serii]" value="" />  </td></div>

<script type="text/javascript">  
  $(function(){  
/* Start DocumentReady */  
  $('div.hideWrap a.hideBtn').each(function(i){var cookie=getCookie('hideBtn'+i);  
  if(cookie&&cookie.indexOf('close')!=-1){$(this).toggleClass('close').siblings('div.hideCont').hide();};  
  });  
/* StartClickFunction */  
  $('div.hideWrap a.hideBtn').click(function(){  
  $(this).toggleClass('close').siblings('div.hideCont').slideToggle('normal');  
  var hideBtn=$('div.hideWrap a.hideBtn').index($(this)),isShow=$(this).attr('class');  
  setCookie('hideBtn'+hideBtn,isShow,365);return false;  
  });  
/* End DocumentReady */  
  });  
  </script>
<div class="hideWrap">  
  <a class="hideBtn" href="javascript://" title="скрыть блок">  Скрыть</a> </div>
<div class="hideCont">  
<td class=xfields colspan="2"><input type="text" name="xfield[serii]" id="xfield[serii]" value="" />  </td>
</div>  
</div>