<script type="text/javascript">
$( ".selectbox" ).ready(function() {
  var option_len = $(".search-widget option").length
  for (var i=0;i<option_len;i++){
		if($(".search-widget option").eq(i).data('selected')=="selected"){
		  $(".search-widget option").eq(i).attr('selected','selected')
		}
  }
});
</script>
<h3>{{widget-title}}</h3>
<div class="search-widget">
  <form action="{{url}}"  method="get">
    <input type="hidden" name="authenticity_token" value="{{csrf_value}}">
    {{select_text}}
    <select class="selectbox" name="selectbox" data-level="0" data-list="choice">
    <option value={{choice_value}} data-selected='{{choice_select}}' >
    {{choice_show}}</option>
	</select>
  {{search_text}}
  <input name="keywords" placeholder="Keywords" type="text" value="{{search_value}}">
  <button>Go</button>
  <a id="filter" style="" href="{{url}}">Clear</a>
  </form>
 </div>
<table class="table table-hover table-striped projects-index">
  <thead>
    <tr data-level="0" data-list="headers">
      <th class="col-md-{{col}}">{{head-title}}</th>
    </tr>
  </thead>
  <tbody data-level="0" data-list="journal_papers">
    <tr data-level="1" data-list="jps">
      <td>{{value}}</td>
    </tr>
  </tbody>
</table>
{{pagination_goes_here}}