title: Remove a span implemented in first toggle using second toggle
body: <p>I'm having trouble removing a span that is created on the first click in the toggle and removed on the second click of the toggle.</p>
  
  <pre><code>$(document).ready(function(){
  $("td").toggle(
      function(){
          var current = $("input[name=prices]:checked").val();
          $(this).html("&lt;img src='images/1.gif'/&gt;");
          $(".summary").append("&lt;br&gt;&lt;span class = 'newticket' id = 'null'&gt;");
          $("#null").attr("id",$(this).attr("id"));
          $(".summary").append("1 x ");
          if(current == 'full'){
              $(".summary").append("full price ticket.");
          }
          $(".summary").append(" Seat: ");
          $(".summary").append($(this).attr("id"));
          if(current == 'full'){
              $(".summary").append(" Price: £10&lt;/span&gt;");
          }
  
      },
      function(){
          $(this).html("&lt;img src='images/a.gif'/&gt;");
          $("span#" + $(this).attr("id")).remove();
  });
  });
  </code></pre>
  
  <p>If i click on the table value the span is added however if i click again on the table value the span is not removed.</p>
  
  <p>Any help would be appreciated.</p>