title: Jquery only click once
body: <p>I'm trying to disable a li click event after it has clicked the first time. Essentially to stop the array data being doubled. The click is working fine for each time. My current method doesn't appear to be working. I also need to disable the other li's from being clicked once the first one has :)</p>
  
  <p>Thanks</p>
  
  <p>JS code is:</p>
  
  <pre><code>$('#eventType ul li').click(function(e) {
      e.preventDefault();
      var value = $(this).attr('value');
      answers.push(value);
      // Below isn't working
      $(this).click(function() {
          return false;
      });
      console.log(answers);
  });
  </code></pre>