title: JQuery infinite loop on tablerow click
body: <p>I'm having trouble with an infinite loop.. at least I think so.</p>
  
  <p>I'm generating a table via Ajax. A table row contains a button with a thumbnail and some text.
  When I click the <code>TableRow</code> I want the button in the <code>TableRow</code> to be clicked. If I don't use .one("click") I'm getting an infinite loop.</p>
  
  <p>I wouldn't like to use. one because you can't click another <code>TableRow</code>when u revisit the site via a "go back" button.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form method = 'post' action = 'view.cfm'&gt;
      &lt;table class = 'result_table'&gt;
          &lt;tr&gt;
              &lt;th&gt;&lt;/th&gt;
              &lt;th&gt;Thumbnail&lt;/th&gt;
              &lt;th&gt;Dateityp&lt;/th&gt;
              &lt;th&gt;Titel&lt;/th&gt;
              &lt;th&gt;Dateiname&lt;/th&gt;
              &lt;th&gt;Dateigröße&lt;/th&gt;
          &lt;/tr&gt;
          &lt;tr class = 'rowClickable'&gt;
              &lt;td&gt;&lt;/td&gt;
              &lt;td&gt;&lt;button type = 'submit' class = 'thumbnail_button' name = 'id_media' value = '1005'&gt;&lt;img class = 'thumbnail' alt = 'Medium öffnen' src = 'thumb_placeholder.jpg'&gt;&lt;/button&gt;&lt;/td&gt;
              &lt;td&gt;Präsentation&lt;/td&gt;
              &lt;td&gt;fe wf we&lt;/td&gt;
              &lt;td&gt;Hallo.pptx&lt;/td&gt;
              &lt;td&gt;null&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>JQuery:</p>
  
  <pre><code>$("body").one("click", ".rowClickable", function() {
      console.log($(this).find("button").val());
      $(this).find("button").trigger("click");
  });
  </code></pre>
  
  <p>Like this everything works fine. Just that I don't want to use .one("click").</p>