my {}else{} script breaks my other script()

I have small scripts that fires one of two other scripts depending on wether the css display attribute is none or block. When the trigger $('.gaqbtn') is set to either the select() function or the deselect() function things work, but when I set to trigger my gaq() function nothing works. here is my code any tips would be appreciated.

$(document).ready(function() {
  $(window).load(function() {

    function select() {
      var selc = $(this);
      var co = $(selc).parent('div').find('.company');
      var coid = $(selc).parent('div').find('.companyid');

      $(selc).find('.select').css({
        'display': 'none'
      });
      $(selc).find('.selected').css({
        'display': 'block'
      });
      $('#members').html($('#members').html() + '\r<li>' + $(co).html() + '</li>');
      $('#memberids').val($('#memberids').val() + ' ' + $(coid).val());
      $('#members').html($('#members').html().replace('No companies selected.', ''));
    }

    function deselect() {
      var selc = $(this);
      var co = $(selc).parent('div').find('.company');
      var coid = $(selc).parent('div').find('.companyid');

      $(selc).find('.select').css({
        'display': 'block'
      });
      $(selc).find('.selected').css({
        'display': 'none'
      });
      $('#members').html($('#members').html().replace('<li>' + $(co).html() + '</li>', ''));
      $('#memberids').val($('#memberids').val().replace(' ' + $(coid).val(), ''));
      empty();
    }

    function gaq() {
      var selc = $(this);
      if ($(seld).find('.select').css('display') == 'none') {
        select();
      } else {
        deselect();
      }
    }

    $('.gaqbtn').on('click', gaq);

  });
});

.select {
  width: 120px;
  background: yellow;
}
.selected {
  width: 120px;
  background: green;
  color: white;
  display: none;
}

<script src="http://ift.tt/17YXcKA"></script>
<div class="listbox">
  <div class="listtitle">
    <h2 class="company">COMPANY ONE</h2>
    <input class="companyid" type="text" value="1234">
  </div>
  <span class="gaqbtn">
         <div class="selected">DESELECT</div>
         <div class="select">SELECT</div>
         </span>
</div>

<div class="listbox">
  <div class="listtitle">
    <h2 class="company">COMPANY TWO</h2>
    <input class="companyid" type="text" value="2345">
  </div>
  <span class="gaqbtn">
         <div class="selected">DESELECT</div>
         <div class="select">SELECT</div>
         </span>
</div>

<div class="listbox">
  <div class="listtitle">
    <h2 class="company">COMPANY THREE</h2>
    <input class="companyid" type="text" value="3456">
  </div>
  <span class="gaqbtn">
         <div class="selected">DESELECT</div>
         <div class="select">SELECT</div>
         </span>
</div>

<div>
  <div style="margin-bottom:5px; margin-top:25px;">
    <div class="reqsect">Selected companies</div>
    <ul id="members" style="color:blue;">
      <li>COMPANY ONE</li>
    </ul>
    <input id="memberids" name="memberids" type="text" value=" 1234">
  </div>