[JQuery] Buscador interno

<!-- www.cssplantillas.es.tl --><script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script src="https://dl.dropboxusercontent.com/s/5mqlcxg4264ri32/jquery.dataTables.min.js"></script>
<style>
*{padding: 0;margin: 0;box-sizing: border-box;font-family: arial;}
#input-search{width:100%;height:40px;font-size: 20px;text-indent: 10px;}
.content-search{width:600px;display:none;position:absolute;}
.content-table{width: 80%;max-height: 800px;height: auto;background:#EAEAEA;}
.content-table table{width: 100%;}
tbody tr td a{display: block;padding: 10px;color:#000;text-decoration: none;}
tbody tr td a:hover{background:#fff;color:brow;}
#table_length, #table_filter, #table_info, #table_paginate{display: none;}
</style>

<!-- www.cssplantillas.es.tl --><input type="search" id="input-search" placeholder="Buscar aqui">
<div class="content-search"><div class="content-table">
<table id="table">
<thead><tr><td></td></tr></thead><tbody><tr>
<!-- Listado de busqueda -->
<tr><td><a href="URL A DIRECCIONAR">NOMBRE RECURSO 1</a></td></tr>
<tr><td><a href="URL A DIRECCIONAR">NOMBRE RECURSO 2</a></td></tr>
<tr><td><a href="URL A DIRECCIONAR">NOMBRE RECURSO 3</a></td></tr>
<tr><td><a href="URL A DIRECCIONAR">NOMBRE RECURSO 4</a></td></tr>
<!-- fin Listado de busqueda -->
</tbody></table></div></div>
<script type="text/javascript">
var buscador = $("#table").DataTable();
$("#input-search").keyup(function(){
buscador.search($(this).val()).draw();
if ($("#input-search").val() == ""){
$(".content-search").fadeOut(300);}else{
$(".content-search").fadeIn(300);}})</script>

<tr><td><a href="URL A DIRECCIONAR">NOMBRE RECURSO 4</a></td></tr>