         </select>
       </td>
       <td>
-        <select class="quantity form-control row-#{currentNumRows}">
-          <option value="">0</option>
-        </select>
+        <input class="quantity form-control row-#{currentNumRows}" placeholder="Select an Item..."/>
       </td>
     </tr>
   """)

      currentCategory = category
  element.empty()
  element.append """<option value="">Select an item...</option>"""
  for {id, description} in currentCategory.items
    element.append """<option value="#{id}">#{description}</option>"""

addNewOrderRow = ->
  currentNumRows = $("#new-order-table tbody").find("tr").length

  item_element = $(@).parents(".new-order-row").find ".item"
  populateItems $(@).val(), item_element

$(document).on "change", ".new-order-row .item", ->
  quantity_element = $(@).parents(".new-order-row").find ".quantity"
  selected = $(@).find('option:selected')
  populateQuantity selected.data("current-quantity"), selected.data("requested-quantity"), quantity_element

$(document).on "page:change", ->
  addNewOrderRow() if $("#new-order-table").length > 0
