Click function no longer working
<p>I have the following page that works as I want it to, all the JS is in the  tags and no inline JS : <a href="http://www.ninjatrader-support.com/leins/SS/index.html" rel="nofollow">http://www.ninjatrader-support.com/leins/SS/index.html</a>
When I put this in production, and switched from the table to a div layout the "Next" and "Previous" buttons no longer work and I had to go back to inline JS in the PHP file that creates the returned table as seen here: <a href="https://www.kinetick.com/Test/supportTest.php#Symbol-Search" rel="nofollow">https://www.kinetick.com/Test/supportTest.php#Symbol-Search</a></p>

<p>this pisses me off. What could cause the code to work in one instance but not the other? both buttons aren't in the page itself but created in the PHP file and inserted into the page. Please help this is killing me!</p>

<p>Here's the code that works on the support url</p>

<pre><code>$(document).ready(function() { 
$("#processing").hide();

var options = { 
    target: '#return',
    beforeSend: function() {
        $('#processing').show()
    },
    complete: function() {
        $('#processing').hide()
    }
    }; 
   $('#SymbolSearchForm').ajaxForm(options); 
}); 

function changestart(direction) 
{
var rowsElement  = $("#maxrows");
var rowsValue    = parseInt(rowsElement.val());
var startElement = $("#startID");
var value        = parseInt(startElement.val());
startElement.val(direction == "forward" ? value + rowsValue : direction == "back" ? value -
rowsValue : 1);
}
$("#previous").click(function(){changestart('back');});
$("#next").click(function(){changestart('forward');});
$("#lookup").click(changestart);
</code></pre>
