title: Remove array element when subarray has certain values
body: <p>I have an array that contains any number of <code>subarrays</code>, each containing exactly two values.</p>
  
  <pre><code>i.e: interestArray[[1, 5], [3, 8] ... ]
  </code></pre>
  
  <p>How do I remove say the <code>subarray</code> containing the values [3, 8]?</p>
  
  <p>My code is:</p>
  
  <pre><code>$('td', container).click(function(){
        if(!$(this).hasClass('purchased') &amp;&amp; !$(this).hasClass('manu'))
        {
          var manuId = $(this).parent().children('td:first-child').data('manu-id');
          var typeId = $(this).data('type-id');
          if($(this).hasClass('interest'))
          {
            $(this).removeClass('interest');
            $(this).parent().children('td.manu').removeClass('interest');
            var index = interestArray.indexOf([manuId, typeId]);
            interestArray.splice(index, 1);
          } else {
            $(this).addClass('interest');
            $(this).parent().children('td.manu').addClass('interest');
  
            interestArray.push([manuId, typeId]);
          }
        //updateSurvey(interestsArray);
        console.log(interestArray)
        }
      })
  </code></pre>
  
  <p>The below section does not work, and simply removes the first <code>subarray</code>.</p>
  
  <pre><code>var index = interestArray.indexOf([manuId, typeId]);
  interestArray.splice(index, 1);
  </code></pre>