title: Ajax .change() is not working with mutiple select
body: <p>Im trying to do an order system. And i want to use a jQuery code with my system.</p>
  
  <p>Here is my orders.php page, this page shows all new orders.</p>
  
  <pre><code>While loop starts,
  
  Order id - order Date - price - options
  
     1     - 29.03.13   - $120  - [Problem Start Here in Options ]
  
  While Loop Ends
  </code></pre>
  
  <p>And my options code is here : </p>
  
  <pre><code>    &lt;select id="ManageOrders"&gt;
          &lt;option&gt;ManageOrders&lt;/option&gt;
          &lt;option value="orders.php?AcceptOrder=&lt;?=$id;?&gt;"&gt;Accept This Order&lt;/option&gt;
          &lt;option value="orders.php?RejectOrder=&lt;?=$id;?&gt;"&gt;Reject This Order&lt;/option&gt;
          &lt;option value="orders.php?EditOrder=&lt;?=$id;?&gt;"&gt;Edit This Order&lt;/option&gt;
          &lt;option value="orders.php?MarkAsDelivered=&lt;?=$id;?&gt;"&gt;Mark As Delivered&lt;/option&gt;             
      &lt;/select&gt;
  </code></pre>
  
  <p>And my jquery codes : </p>
  
  <pre><code>$("#ManageOrders").change(function()
  {
  document.location.href = $(this).val();
  });
  </code></pre>
  
  <p>What is my problem ? = Problem is this select is working with first order, but with multiple orders only first row is working, others doesnt working...</p>
  
  <p>Try This : <a href="http://jsfiddle.net/TrzU7/2/" rel="nofollow">http://jsfiddle.net/TrzU7/2/</a>  </p>
  
  <p>First is working but second or third isnt working</p>
  
  <p>Please help me..</p>