Clicking on a port to restrict search now uses AJAX instead of page get

Changes

@@ -17,6 +17,7 @@
   * Replace jquery-collapser with Bootstrap's collapser
   * Upgraded to Twitter Bootstrap 2.1.0 - customized for 13px font 18px line
   * Factor out inventory queries to the Device ResultSet (closes #20)
+  * Clicking on a port to restrict search now uses AJAX instead of page get
 
   [BUG FIXES]
 

Netdisco/views/ajax/device/ports.tt

@@ -23,7 +23,7 @@
         [% END %]
       </td>
       [% IF params.c_port %]
-      <td><a class="nd_linkcell" href="[% uri_for('/device',
+      <td><a class="nd_linkcell nd_this_port_only" href="[% uri_for('/device',
               vars.self_options) %]&q=[% params.q | uri %]&f=[% row.port | uri %]">
         [% row.port | html_entity %]
       </a></td>

Netdisco/views/js/device.js

@@ -53,11 +53,12 @@
     });
 
     // clickable device port names can simply resubmit AJAX rather than
-    // fetch the whole page again. FIXME unused?
-    $('.this_port_only').on('click', function() {
+    // fetch the whole page again.
+    $('body').on('click', '.nd_this_port_only', function() {
       event.preventDefault(); // link is real so prevent page submit
 
       var port = $(this).text();
+      port = $.trim(port);
       sweep.val(port);
 
       $('.field_clear_icon').show();