title: jQuery click event doesn't execute two times
body: <p>I have a button in my page which basically returns an alert as a sample. The button fires only one time. I checked previous entries and changed to event. The current event is like below</p>
  
  <pre><code>  $("#save_button").on("click", "#save", function() {
      alert("Button clickeddddd");
  
    });
  </code></pre>
  
  <p>the html is as below</p>
  
  <pre><code>&gt;     &lt;body&gt;
  &gt;         
  &gt;     &lt;div data-role="page" data-theme='b'&gt;
  &gt; 
  &gt; 
  &gt;         &lt;div data-role="header" data-position="fixed" data-tap-toggle="false" data-theme='b'&gt;
  &gt;             &lt;a href="index.html" data-ajax="false"&gt;&lt;i class='icon-tablet icon-medium'&gt;&lt;/i&gt;&lt;/a&gt;
  &gt;             &lt;h1&gt;Languages&lt;/h1&gt;
  &gt;         &lt;/div&gt;
  &gt;         
  &gt;         &lt;div data-role="content"&gt;   
  &gt; 
  &gt;               
  &gt;             &lt;form&gt;
  &gt;                 &lt;ul data-role="listview" data-inset="true"&gt;  
  &gt;                   
  &gt;                     &lt;li data-role="fieldcontain"&gt;
  &gt;                         &lt;label for="language" class="select"&gt;Language:&lt;/label&gt;
  &gt;                         &lt;select name="language" id="language" data-native-menu="true"&gt;
  &gt;                             &lt;option value="en"&gt;English&lt;/option&gt;
  &gt;                             &lt;option value="de"&gt;German&lt;/option&gt;
  &gt;                         &lt;/select&gt;
  &gt;                     &lt;/li&gt;
  &gt; 
  &gt;                     &lt;li&gt;
  &gt;                         &lt;fieldset class="ui-grid-solo" id="save_button"&gt;
  &gt;                                 &lt;div class="ui-block-a"&gt;&lt;button type="submit" data-theme="b" id="save"&gt;Save&lt;/button&gt;&lt;/div&gt;
  &gt;                         &lt;/fieldset&gt;
  &gt;                     &lt;/li&gt;
  &gt;                 &lt;/ul&gt;
  &gt;             &lt;/form&gt;
  &gt;           
  &gt;         &lt;/div&gt;
  &gt; 
  &gt;       &lt;div data-position="fixed" data-tap-toggle="false"
  &gt; data-role="footer" data-tap-toggle="false" data-theme='b'&gt;            &lt;div
  &gt; data-role="navbar"&gt;
  &gt;               &lt;ul&gt;
  &gt;                   &lt;li&gt;&lt;a href="languages.html" data-icon="globe" id="languages"&gt;&lt;/a&gt;&lt;/li&gt;
  &gt;                   &lt;li&gt;&lt;a href="themes.html" data-icon="eye-open" id="themes"&gt;&lt;/a&gt;&lt;/li&gt;
  &gt;                   &lt;li&gt;&lt;a href="settings.html" data-icon="cog" id="settings"&gt;&lt;/a&gt;&lt;/li&gt;
  &gt;                   &lt;li&gt;&lt;a href="login.html" data-icon="signin" id="login"&gt;&lt;/a&gt;&lt;/li&gt;
  &gt;               &lt;/ul&gt;           &lt;/div&gt;      &lt;/div&gt;
  &gt; 
  &gt;     &lt;/div&gt;
  &gt;     
  &gt;     &lt;/body&gt; &lt;/html&gt;
  </code></pre>
  
  <p>I tried to use the id="save_button" in several places (div : all levels), li, ul, form etc. in every place the event works only one time. afterwards it doesnt work.</p>