Андрей

copyInput.val($(element).text().trim()).select();

Не претендуя на оптимальное решение...
codepen.io/aliencash/pen/jqQQdJ

.test {border: solid 1px white;}
.test:empty {border-color: red;}

for (var i = 1; i <= 100; i++) {
  if (i % 5 === 0) {
    console.log("azaza");
  } else {
    console.log(i);
  }
}

for( var i=1; i<=100; i++) console.log( i%5 ? i : "azaza");
/* 1
   2
   3
   4
   azaza
   6
   ... */

Старый вариант:

for( var i=1; i<=100; i+=5) console.log("i:" + i, "azaza");

Либо 1, либо 100 войдёт в ряд, но не оба сразу. Считать от "1" – закончится на 96. Начать с 5 (или с 0) – тогда последней будет сотня.

Добавьте аттрибут id к input

<input class="input-seach" id="input-seach" type="text" placeholder="бла бла бла" >

Для чистого javascript

setTimeout(function(){
    document.getElementById('input-seach').placeholder='новый текст';
}, 3000);

Для jQuery

setTimeout(function(){ 
    $('#input-seach').attr('placeholder','новый текст');
}, 3000);

//или без id, только по классу .input-seach:

setTimeout(function(){ 
    $('.input-seach').attr('placeholder','новый текст');
}, 3000);

У меня и без z-index ставит его поверх окна. codepen.io/anon/pen/Nxjadj
Я еще не понял у вас этот блок виден при наведении или он всегда виден?
Скинте пожалуйста свой css.

Задать ему в свойствах z-index

Может такое решение подойдет. Наведение на div в котором картинка и input.
.container .img-refresh {
position: absolute;
top: 11px;
right: 9px;
wight: 19px;
height: 19px;
-moz-transition: all 0s;
-o-transition: all 0s;
-webkit-transition: all 0s;
transition: all 0s;
}
.container:hover .img-refresh {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
codepen.io/Anna_Batura/pen/MKYeXK

Например так: jsfiddle.net/ppgpf9ab