Как сделать так чтобы при пустом input определённый элемент скрывался?
Поставь свой span после инпута и используй Силу:input[value=""] + span {
    display: none;
}
Вот решение, там код сами уже как нужно причешете
https://jsfiddle.net/ca2u0jao/