Do I lose my jQuery bindings if I refresh part of the DOM?
<p>I have the following:</p>

<pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
          $("input[id^='Position_'], select[id^='Level_'], input[id^='Title_'], select[id^='Status_'],").change(function (e) {
              var type = $(this).attr('id').split('_')[0];
              updateField('Menu', $(this), type);
          });
      });
   &lt;/script&gt;
</code></pre>

<p>This works fine. However I use Ajax to refresh an area of the page with new HTMl, same field and id names but just data sorted in a different order. </p>

<pre><code>$.ajax({
    url: "/Administration/" + entity + "s/Detail2",
    data: { pk: pk },
    dataType: 'html',
    cache: false,
    success: function (responseText) {
        $('#detailData').html(responseText);
    }
});
</code></pre>

<p>After this refresh the function updateField doesn't get called. </p>

<p>Is this expected behaviour or am I making some mistakes in another area. </p>

<p>Also. I am using IE for my debug. Is there a way I can see bindings such as these where the updateField is bound to elements?</p>
